توسعه وب مقالات

۷ نکته برای ساخت اپلیکیشن‌های فوق‌العاده React.js

  ۱- از ری‌اکت ۱۶ استفاده کنین ری‌اکت نسخه ۱۶ در سال ۲۰۱۷ عرضه شد. اگه از نسخه‌های قبلی ری اکت استفاده کرده باشین، مهاجرت کردن به این نسخه از ری اکت کار خیلی ساده‌اییه تو این نسخه ویژگی‌های جدید‌تر و بهتری اضافه شده . به عنوان مثال، ساختار Fiber و توانایی در ایجاد صفت‌های […]

نویسنده سید علی اندرزگو

۷ نکته برای ساخت اپلیکیشن‌های فوق‌العاده React.js

 

۱- از ری‌اکت ۱۶ استفاده کنین

ری‌اکت نسخه ۱۶ در سال ۲۰۱۷ عرضه شد. اگه از نسخه‌های قبلی ری اکت استفاده کرده باشین، مهاجرت کردن به این نسخه از ری اکت کار خیلی ساده‌اییه تو این نسخه ویژگی‌های جدید‌تر و بهتری اضافه شده . به عنوان مثال، ساختار Fiber و توانایی در ایجاد صفت‌های سفارشی در DOM   خیلی جالبه.

 

۲- ساده نگهش دارین

ابزارهاتون رو هوشمندانه و بدون وجود سنگینی بیش از حد انتخاب کنین. با استفاده از پکیج Create React App می‌تونین در زمان خیلی کوتاهی اپلیکیشن‌ هایی درست کنین و تو اینترنت قرار بدینش.

از ابزارهایی استفاده کنین که باهاش راحت ترین و کارایی ساده ایی دارن. اپلیکیشن‌هاتون رو چندین بار توسعه بدین وبسازین، از ابزارای پیچیده ایی که بکارتون نمیاد استفاده نکنین.

۳- الگوهای ری‌اکت‌ را یاد بگیرین

الگوهای برنامه‌نویسی خوب همیشه ماندگارن این کتابخونه هان که میانو میرن. با استفاده از صفحه React Patterns می‌تونین الگویی که مناسب پروژه تون هست رو انتخاب کنین یاد بگیرین.

میتونین در صورت علاقمندی برای کسب اطلاعات بیشتر به مقاله های پائین یه سری بزنین.

higher order components

container and presentational components

controlled and uncontrolled inputs

۴- چیزهای جدیدی رو تو اکوسیستم ری‌اکت جی‌اس انتخاب کنین

اگه وقتشو دارین حتما موارد جدیدو تو ری اکت جی اس امتحان کنین. ری‌اکت جی‌اس اکوسیستم خیلی بزرگی داره. تو این اکوسیستم می‌تونین برای هر مشکلی یک راه‌حل پیدا و ازش استفاده کنین. با سرچ کردن تو لیست awesome-react موردای جالبی پیدا می کنین. حتما ابزارها، استایل‌ها و راه‌حل‌های خیلی زیادی رو امتحان کنین تا بهتر بتونین با مسائل روبه رو بشین.

۵-  پلتفرمو بپذیرین

کاربرا معمولا انتظار دارن که وب اپلیکیشنتون قابلیت کاوش، و از طریق URL قابلیت به اشتراک گذاری داشته باشه و بتونه  Session ها رو ذخیره کنه. اگه این موارد خارج از دسترس باشن کاربرتون سردرگم می‌شه.

با درک مطالب گفته شده نوبت میرسه به اینکه با Web API ها آشنا بشین. برگه‌های وب کنترل پذیری خیلی بیشتری نسبت به سال‌های قبل قبل پیدا کردن و همین امر باعث استفاده بهتر پاز اونا میشه.

۶- آفلاین بشین

برای ارتباطات ضعیف و همراه با قطعو وصلی زیاد بهینه باشین. Offline Cookbook به شما جزئیات و اطلاعات زیادی راجع به استراتژی پیاده‌سازی سرویس‌های آفلاین از طریق ورکر سرویس‌ها می‌ده. این بخش موضوع جدیدی که مرورگرا هم از اون پشتیبانی میکنن. در نگاه اول اینطور به نظر میاد که Create React App به صورت پیشفرض به شما دسترسی به پوسته آفلاین اپلیکیشن رو میده که به نظر شروع خیلی خوبیه. شما همچنان باید داده‌های خودتون رو برای استفاده آفلاین پیاده‌سازی و آماده کنین. Google Workbox و Firebase دوستای خوبی برای شروع کارتون هستن.

۷- برای دستگاه هایی که کندن بهینه سازی کنین

مردم در کنار اینکه ممکنه از اپلیکیشنتون با یه ابزار ضعیف استفاده کنن، علاوه بر اون ممکنه دستگاهشونم کند و ضعیف باشه . همیشه فقط سرعت و کارایی لپ‌تاپی مانند مک‌بوکو درنظر نگیرین، چون همه از این دستگاه استفاده نمیکنن. همیشه یادتون باشه قبل از انجام هر کاری درست اندازه گیری کنین.

از Lighthouse استفاده کنین، این سرویس بهتون ایده خیلی خوبی راجع به اینکه لازمه چه مواردی بهبود پیدا کنن میگه. بعد از اون وارد نسخه جدید webpack dashboard یا webpack bundler analyzer بشین و ببینین تو کجا می‌تونین این کارا راو انجام بدین.

راه‌های دیگه اییم برای بهتر کردن کارایی هستش: مواردی مانند code plitting and dynamic imports، HTTP/۲’s multiplexing and push capabilities و یا prefetching link attributes.

همه چی در رابطه با اندازه و حجم کدها نیست بلکه به کیفیت هم مربوط میشه. می‌تونین کیفیت و کارایی کدایی که با ری‌اکت نوشتین رو را از طریق  نکات رسمی که خود ری‌اکت برای بهینه‌سازی اینکار قرار داده‌ چک کنین.

با دقت نگاه کنین

یادگرفتن همه مفاهیمی که پشت ری‌اکت جی‌اس قرار داره زمان زیادی میبره. یه پروژه‌ رو بدون در نظر گرفتن JSX ایجاد کنین تا به vDOM نزدیک‌تر بشین. با یادگیری بهتر و عمیق‌تر از این مسئله، می‌تونین اپلیکیشن‌تون رو به صورت خیلی کاراتر و بهتر بهینه‌سازی کنین.

با API های محتوا آشنایی بیشتری پیدا کنین. این مورد این توانایی رو به شما میده که بتونین محتوای کتابخانه‌های دیگه رو  به اشتراک بذارین و استفاده کنین. مثلا این موارد MobX و Redux.

گوگل فلاتر (google flutter) چیست؟
اپلیکیشن توسعه وب مقالات

گوگل فلاتر (google flutter) چیست؟

نویسنده سید علی اندرزگو

معرفی ۱۱ نرم افزار مفید موبایل برای طراحان وب
طراحی سایت مقالات

معرفی ۱۱ نرم افزار مفید موبایل برای طراحان وب

نویسنده سید علی اندرزگو

پاسخی بگذارید

ایمیل شما منتشر نشده و نزد ما محفوظ است.