ری اکت برای توسعه فول استک - ساخت راه حل های وب مدرن

در این دوره با ساخت وب اپلیکیشن های تعاملی و پویا با ری اکت آشنا شده و مفاهیم اصلی و بهترین شیوه ها را یاد گرفته و به توسعه دهنده وب فول استک تبدیل می شوید.

آنچه یاد خواهید گرفت

• اصول ری اکت از جمله کامپوننت ها، JSX و props و state را می آموزید.
• کامپوننت های ری اکت قابل استفاده مجدد و مقیاس پذیر را ساخته و ساختاردهی می کنید.
• state و متدهای چرخه عمر را به طور موثر در اپلیکیشن های ری اکت مدیریت می کنید.
• ویژگی‌ های پیشرفته ری اکت، مانند هوک ها، کامپوننت های مرتبه بالاتر و context API را پیاده‌ می کنید.
• فرم ها و ورودی های کاربر، از جمله اعتبارسنجی فرم و مدیریت رویداد را مدیریت می کنید.
• عملکرد اپلیکیشن را با استفاده از تکنیک هایی مانند تقسیم کد و lazy loading بهینه می کنید.
• برای پیاده سازی مسیریابی سمت کلاینت و ایجاد اپلیکیشن های تک صفحه ای (SPA) با React Router کار می کنید.
• اپلیکیشن های ری اکت را با RESTful APIs با استفاده از ابزارهایی مانند Axios یا Fetch یکپارچه می کنید.
• به مدیریت state با ریداکس یا Context API React مسلط می شوید.
• با استفاده از ابزارهایی مانند Jest و React Testing Library، تست واحد را در ری اکت پیاده می کنید.
• اپلیکیشن های ری اکت را در محیط های مختلف مستقر کرده و از آماده بودن آن ها برای تولید اطمینان حاصل می کنید.
• از ابزارهای توسعه ری اکت مدرن مانند وب پک، Babel و Create React App استفاده می کنید.
• با پیروی از بهترین شیوه ها، رابط های کاربری واکنش گرا و قابل دسترس در ری اکت می سازید.
• با استفاده از سیستم های کنترل نسخه مانند گیت و پلتفرم هایی مانند گیت هاب در پروژه های واقعی همکاری می کنید.
• به React Native برای توسعه اپلیکیشن های موبایل برای iOS و اندروید منتقل می شوید.

پیش نیازهای دوره

• اشتیاق و عزم راسخ برای گذاشتن نشان خود در جهان

توضیحات دوره

استقبال گرم از دوره «ری اکت برای توسعه فول استک - ساخت راه حل های وب مدرن» توسط Uplatz

ری اکت چیست؟

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

ویژگی های کلیدی ری اکت عبارتند از:

• مبتنی بر کامپوننت - ری اکت به شما امکان می دهد رابط های کاربری پیچیده را به قطعات کوچکتر و قابل استفاده مجدد به نام کامپوننت ها تقسیم کنید. این رویکرد ماژولار قابلیت استفاده مجدد، قابلیت نگهداری و تست پذیری کد را ارتقا می دهد.
• اعلامی بودن - در ری اکت، به جای اینکه نحوه دستیابی به آن را مشخص کنید، توصیف می کنید که رابط کاربری شما بر اساس state و داده فعلی آن چگونه باشد. ری اکت رندرینگ و بروزرسانی واقعی رابط کاربری را به طور مؤثر انجام می‌ دهد.
• DOM مجازی - ری اکت از یک نمایش مجازی از مدل واقعی آبجکت سند (DOM) استفاده می‌ کند، که به آن اجازه می‌ دهد با به حداقل رساندن تغییرات در DOM واقعی، بروزرسانی‌ ها را به طور مؤثر انجام دهد.
• افزونه سینتکس جاوا اسکریپت (JSX) - JSX یک افزونه سینتکس است که به شما امکان می‌ دهد کدهای مانند HTML را در جاوا اسکریپت خود بنویسید که تعریف ساختار و ظاهر کامپوننت های شما را آسان‌ تر می‌ کند.
• متن باز و کامیونیتی بزرگ - ری اکت متن باز و دارای یک کامیونیتی گسترده و فعال است که پشتیبانی گسترده، منابع و کتابخانه های شخص ثالث را ارائه می دهد.

ری اکت چگونه کار می کند:

• کامپوننت ها - شما کامپوننت هایی را ایجاد می کنید که مانند بلوک هایی برای رابط کاربری شما هستند. هر کامپوننت نمایانگر بخشی از رابط کاربری است و می تواند state و منطق خاص خود را داشته باشد.
• JSX - شما از JSX برای تعریف ساختار و ظاهر کامپوننت های خود به گونه ای که شبیه HTML است استفاده می کنید. ری اکت این JSX را به کد جاوا اسکریپت معمولی تبدیل می کند که DOM را دستکاری می کند.
• DOM مجازی - ری اکت از یک DOM مجازی نگهداری می کند، که نمایش سبکی از DOM واقعی است. هنگامی که state یا داده‌ کامپوننت های شما تغییر می‌ کند، ری اکت به‌ طور مؤثر DOM مجازی را بروزرسانی کرده و آن را با نسخه قبلی مقایسه می‌ کند.
• Reconciliation (Diffing) - ری اکت فرآیندی به نام reconciliation (یا diffing) را برای شناسایی تغییرات خاصی که باید در DOM واقعی ایجاد شود، انجام می دهد. این کار تعداد بروزرسانی‌ های DOM مرورگر را به حداقل می‌ رساند و عملکرد را بهبود می‌ بخشد.
• رندرینگ - ری اکت تغییرات لازم را در DOM واقعی اعمال کرده و تنها بخش‌ هایی از رابط کاربری را که باید براساس فرآیند تطبیق تغییر کنند، بروزرسانی می‌ کند.
• مدیریت state - شما با استفاده از ویژگی های مدیریت state ری اکت (به عنوان مثال، هوک useState) یا کتابخانه های مدیریت state خارجی مانند ریداکس، state (داده) را در کامپوننت های خود مدیریت می کنید.
• مدیریت رویداد - شما listener های رویداد را به کامپوننت های خود اضافه می کنید تا به تعاملات کاربر (کلیک ها، تغییرات ورودی و غیره) پاسخ دهند. این رویدادها می‌ توانند باعث بروزرسانی state کامپوننت یا سایر اکشن ها شوند.

این دوره برای چه کسانی مناسب است؟

• توسعه دهندگان فرانت اند و توسعه دهندگان وب - افرادی که در حال حاضر پایه ای در HTML و CSS و جاوا اسکریپت دارند و می خواهند مجموعه مهارت های خود را برای ایجاد وب اپلیکیشن های مدرن و تعاملی گسترش دهند.
• مبتدیان و تازه کاران که مشتاق شغلی در زمینه توسعه فرانت اند و وب فول استک هستند.
• توسعه دهندگان مشتاق فول استک - توسعه دهندگانی که می خواهند هم فناوری های فرانت اند و هم فناوری های بک اند را یاد بگیرند و ری اکت را به عنوان بخش مهمی از جعبه ابزار فول استک خود ببینند.
• طراحان UI و UX - طراحانی که می خواهند درک بهتری از نحوه پیاده سازی طرح های خود و تعامل با کامپوننت های ری اکت به دست آورند.
• فریلنسرها و کارآفرینان - افرادی که می خواهند به طور مستقل یا برای کلاینت ها وب اپلیکیشن بسازند.
• توسعه دهندگان وب اپلیکیشن با استک فناوری شامل جاوا اسکریپت و ری اکت
• دانشجویان و فارغ التحصیلان اخیر - افرادی که به دنبال ورود به عرصه توسعه وب هستند و می خواهند یک فناوری محبوب و مورد تقاضا مانند ری اکت را یاد بگیرند.
• توسعه دهندگان نرم افزار
• توسعه دهندگان اپلیکیشن
• مهندسان ابر
• معماران راه حل و معماران نرم افزار
• رهبران مهندسی نرم افزار