شما اینجا هستید :

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

۷ نکته برای ساخت اپلیکیشن‌های فوق‌العاده 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.

مــطالب مشـــابه

تفاوت میان برنامه‌نویسی شئ‌گرا و تابعی

دو مورد از الگوها و سر مشق های برنامه‌نویسی که توسعه‌دهنده ها به وجود آوردن و برنامه‌های خودشون رو مطابق با اونا مینویسن، برنامه‌نویسی تابعی و شئ‌گراست. تو این مقاله قصد دارم در مورد این دو پارادایم و تفاوت هایی که با هم صحبت کنم….

ارسال شده در شهریور ۷, ۱۳۹۷

جوملا چیه؟

جوملا یه سیستم مدیریت محتوای تحت وبه که مدیریت و انتشار مطالب رو به شکل ساده امکان پذیر میکنه، جوملا امکانات گسترده ایی و با ابزار های خودش امکان گسترش نرم افزارها رو فراهم میکنه. با جوملا میتونین وبسایت ها و سامانه های تحت وب…

ارسال شده در شهریور ۶, ۱۳۹۷

عناصر مهم در ایجاد یک وبسایت فوق العاده

چطوری میتونیم یه وبسایت عالی داشته باشیم؟ هیچ دستور جادویی و یا الگوی خاصی برای حل این سوال وجود نداره. داشتن یه وبسایت فوق العاده میتونه به عوامل و فاکتور های مختلفی بستگی داشته باشه، مثلا مهارت شما یا بودجه ای که در اختیار دارین…

ارسال شده در شهریور ۴, ۱۳۹۷

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *