مجموعه مقالات یادگیری React

برنامه نویسی

ساخت اپلیکیشن ToDo با Django و React — از صفر تا صد

در این راهنما با شیوه ساخت اپلیکیشن ToDo با Django و React یک اپلیکیشن ToDo آشنا خواهیم شد. این راهنما برای افراد مبتدی طراحی شده است.

۱۰ اردیبهشت ۱۳۹۹

.

میثم لطفی

ادامه مطلب

برنامه نویسی

افراز کد بر اساس مسیر و کامپوننت در React — از صفر تا صد

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

۳۰ فروردین ۱۳۹۹

.

میثم لطفی

ادامه مطلب

برنامه نویسی

ساخت سیستم ردگیری فیلم با ری‌اکت و جاوا (Vert.x) — از صفر تا صد

جاوا یکی از زبان‌های برنامه‌نویسی قدرتمند است که سال‌ها است در عرصه حضور دارد. Vert.x یک کیت ابزار برای ساخت اپلیکیشن‌های واکنشی روی JVM است.

۲۹ اسفند ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

اضافه کردن بررسی نوع به کامپوننت React — از صفر تا صد

در مواردی که بخواهیم باگ‌های بالقوه را به دام بیندازیم، اضافه کردن بررسی نوع به کامپوننت React بسیار آسان و کارآمد خواهد بود.

۰۲ اسفند ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

ساخت قلاب ری اکت useFetch – از صفر تا صد

قلاب‌ها (Hooks) ابزارهای بسیار مفیدی هستند که در ری‌اکت نسخه 16.8 اضافه شده‌اند در این راهنما با روش ساخت قلاب ری اکت useFetch آشنا می‌شویم.

۲۹ بهمن ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

ارسال پارامترهای چندگانه مسیر در React — به زبان ساده

شاید برای شما نیز پیش آمده که بخواهید چند پارامتر را در مسیر URL ری‌اکت ارسال کنید. در این راهنما با ارسال پارامترهای چندگانه مسیر در React آشنا خواهیم شد.

۱۶ بهمن ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

پیاده سازی حالت تیره در اپلیکیشن ری اکت — به زبان ساده

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

۱۶ دی ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

۴ قلاب سفارشی React برای ارتقای عملکرد اپلیکیشن ها — راهنمای کاربردی

با استفاده از 4 قلاب سفارشی React که در این مقاله معرفی می‌کنیم، می‌توانید کد تمیزتری داشته باشید و این کد قابلیت استفاده مجدد بالاتری خواهد داشت.

۰۶ دی ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

ایجاد نوار پیشروی در React — از صفر تا صد

در این مقاله بدون نیاز به نصب هیچ کتابخانه‌ای، همه مواردی که برای ایجاد یک نوار پیشروی در React مورد نیاز است را توضیح می‌دهیم.

۲۱ آذر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

۱۰ نکته و ترفند برای بهبود برنامه نویسی React — راهنمای کاربردی

در این مقاله 10 نکته و ترفند برای بهبود برنامه نویسی React معرفی می‌کنیم و بدین ترتیب می‌توانید به توسعه‌دهندگان بهتری برای این فریمورک تبدیل شوید.

۱۳ آذر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

ایجاد منوی سایدبار دینامیک به روش بازگشتی در React — از صفر تا صد

سایدبارها در صفحه‌های وب به دلیل کارکرد ناوبری که ارائه می‌کنند. در این مقاله یک منوی سایدبار دینامیک مدرن به روش بازگشتی در ری‌اکت ایجاد می‌کنیم.

۱۱ آذر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

آشنایی با مفاهیم React.memo ،useMemo و useCallback — به زبان ساده

در این مقاله تلاش می‌کنیم تفاوت‌های بین useMemo و useCallback را توضیح دهیم. هر دوی این موارد جزء قلاب‌های ری‌اکت محسوب می‌شوند. در ادامه به React.memo

۰۹ آذر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

۵ ابزار برای تسریع فرایند توسعه در React — راهنمای کاربردی

React برای توسعه سریع اپلیکیشن‌های دارای UI تعاملی زیبا عالی است. در این مقاله به معرفی 5 ابزار برای تسریع فرایند توسعه در React می‌پردازیم.

۰۶ آذر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

هشت ترفند مفید برای توسعه اپلیکیشن های React — راهنمای کاربردی

React تغییرات بسیار زیادی را شاهد بوده است. در این مقاله در مورد 8 ترفند مفید برای اپلیکیشن های React با شما صحبت خواهیم کرد.

۰۳ آذر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

هفت کتابخانه React برای توسعه ساده‌تر — راهنمای کاربردی

پروژه‌های ری‌اکت با شتاب زیادی توسعه می‌یابند. در این مقاله 7 کتابخانه React را معرفی می‌کنیم که به تسهیل امور شما کمک زیادی می‌کنند.

۱۶ آبان ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

افزودن قابلیت کشیدن و رها کردن به اپلیکیشن React — از صفر تا صد

قابلیت Drag and Drop یکی از پراستفاده‌ترین قابلیت‌ها در وب‌اپلیکیشن‌ها محسوب می‌شود. این قابلیت یک روش شهودی برای دستکاری داده‌ها ارائه می‌کند.

۱۰ آبان ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

طراحی انتخابگر تاریخ سفارشی در React — به زبان ساده

در این مقاله ساده‌ترین روش ساخت انتخابگر تاریخ سفارشی در React توضیح داده شده است. در این مسیر از emotion/core@ و datepicker-react/hooks@ استفاده می‌کنیم.

۰۲ آبان ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

ساخت صفحه انتخاب کاراکتر در React (بخش اول) — از صفر تا صد

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

۲۰ مهر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

آشنایی با پورتال React و کاربرد آن — راهنمای مقدماتی

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

۱۷ مهر ۱۳۹۸

.

میثم لطفی

ادامه مطلب

برنامه نویسی

بهبود Reducer-ها با استفاده از React و Typescript — راهنمای کاربردی

بهره‌گیری از Reducer-های حالت و تغییرناپذیری (immutability) در مقیاس بالا ممکن است کار دشواری باشد. بنابراین بهبود Reducer-ها از اهمیت بالایی برخوردار است.

۲۱ شهریور ۱۳۹۸

.

میثم لطفی

ادامه مطلب