ReactJS چیست؟

یکی از قدرتمند ترین کتابخانه های فرانت اند می باشد که برای ایجاد رابط کاربری کاربرد دارد.در چند سال گذشته ممکن است با ReactJS بیشتر آشنا شده باشید، این اتفاق یک اتفاق تصادفی نیست چرا که این کتابخانه یک کتابخانه متن باز بود که در سال 2013 منتشر شد و استفاده از آن خیلی سریع در حال گسترش می باشد.

تخمین زده شده است که 1,365+ برنامه نویس و 94,000+ سایت در حال حاضر از این کتابخانه استفاده می‌ کنند و این روند نشان می‌دهد که به هیچ وجه استفاده از کتابخانه ReactJS در حال کاهش نمی باشد، بخش عظیمی از علت این اتفاق را می توان استفاده شرکت های بزرگ مانند فیس‌ بوک، Airbnb، Uber و PayPal از کتابخانه متن باز ReactJS دانست که بیشتر آن را برای ایجاد رابط کاربری مورد استفاده قرار می دهند.

واضح است که مردم از کتابخانه متن باز ReactJS برای حل مشکلات خود استفاده می کنند، قبل از اینکه بخواهیم متوجه شویم که چرا این کتابخانه دارای چنین تقاضای گسترده ای می باشد مهم است که ReactJS را به خوبی درک کنید و نقاط قوت و نقاط ضعف آن را بشناسید.

می توان ReactJS را یک ابزار برای ایجاد رابط کاربری معرفی کرد که برای اولین بار در سال ۲۰۱۱ توسط شرکت معروف فیس بوک مورد استفاده قرار گرفت.  در واقع React یک راه حل برای توسعه دهندگان بود که از آن برای حل مشکلاتی که در هنگام ایجاد رابط کاربری با آنها مواجه می شدند استفاده می کردند. استفاده از ReactJS به توسعه دهندگان وب کمک می کند که در ایجاد رابط های کاربری پیچیده که دارای اجزای مختلف و پیچیده می باشند که برای طراحی آنها باید زمان بسیار زیادی را صرف کرد تا کار راحت ‌تری را در پیش داشته باشند و بتوانند بدون استفاده از کدهای جاوا اسکریپت این رابط های کاربری را طراحی کنند.

در حالی که React بسیار شبیه به فریم ورک های فرانت اند می باشد کمی از لحاظ فنی با آنها دارای تفاوت است، از لحاظ فنی این یک کتابخانه رابط کاربری است که شامل برخی از ویژگی های فریم ورک های فرانت اند می باشد اما هدف اصلی آن سازماندهی عناصر مختلف Html می باشد.

 فریم ورک Reduxچیست ؟

Redux یک کتابخانه جاواسکریپت است که برای ساخت رابط کاربری اپلیکیشن ها و صفحات وب استفاده می‌شود. این کتابخانه حالات (states) مختلف را در برنامه‌های جاوا اسکریپت مدیریت می‌کند. حالا منظور از state چیست؟ همانطور که می‌ دانید برنامه های کامپیوتری داده‌های خود را در متغیرها ذخیره می‌کنند که هر متغیر مقداری از فضا در حافظه کامپیوتر (RAM) را اشغال به خود اختصاص می دهد.  به محتوای آن بخش از حافظه، زمانی که نرم افزار در حال اجرا است، وضعیت برنامه نامیده می شود. با شناخت State می‌توانیم Redux را بهتر درک کنیم.

ریداکس یک الگو برای مدیریت بهتر و بهینه تر وضعیت های مختلف در برنامه ارائه می دهد. این کتابخانه سن زیادی ندارد و در سال 2015 عرضه شده است. از Redux بیشتر به عنوان یک مکمل در کنار کتابخانه‌هایی مانند Angular یا React استفاده می‌شود. این کتابخانه با تمام وابستگی‌های خود (Dependency) تنها 2 کیلوبایت حجم دارد و با بکارگیری آن، لازم نیست نگران سنگین شدن پروژه خود باشید. همچنین به خاطر متن باز بودن این پروژه، کدهای آن در گیت هاب موجود است و می‌توانید آن را مطالعه کنید

در این دوره تلاش می‌کنیم تا ابتدا با مفاهیم مهم و بنیادی جاوا اسکریپت خصوصا استانداردهای جدید ES6 آشنا شویم. در ادامه سراغ React خواهیم رفت و با آموزش پروژه محور، تلاش می‌کنیم تا شما را به دنیای برنامه نویسی فرانت‌اند وارد کنیم. در این قسمت علاوه بر آشنایی با مفاهیم پایه‌ای React همچون State, Props, Component و … یک اپلیکیشن واقعی React را توسعه خواهید داد.
در بخش دوم دوره، استفاده از Redux را به همراه React فرا خواهیم گرفت. Redux یکی از مهمترین بخش‌های یک وب اپلیکیشن واقعی است که بدون آن، عملا امکان استفاده از وب‌اپلیکیشن‌های بزرگ میسر نیست. در این بخش هدف بیشتر آشنایی با اهمیت Redux و دلیل استفاده و اهمیت آن در پروژه‌های React بیان خواهد شد.
در این دوره حداقل ۲ اپلیکیشن کامل توسعه داده خواهد شد و تلاش بر این است تا حد امکان دوره به صورت تعاملی و کد محور باشد و طی دوره، دانشجو در کنار استاد برای توسعه وب اپلیکیشن‌ها کمک کند.

نکاتی که در این دوره خواهید آموخت:

• نوشتن Single Page Application حرفه‌ای با React
• آشنایی با ابزارها و لایبرری‌های مرتبط با React
• آشنایی با جاوا اسکریپت و آخرین استانداردهای ES6
• آشنایی با React، Redux و React-Router