دوره آموزشی ساخت پروژه های مدرن با React آپدیت (2020)

جزئیات دوره

درباره برخی از مهمترین ابزارهای اکوسیستم React که به شما در ساده سازی توسعه و مدیریت پیچیدگی های حالت، عوارض جانبی، ساختار و سبک دهی کمک می کند، اطلاعات کسب کنید. مربی Shaun Wassell نحوه ایجاد یک پروژه اصلی React را نشان می دهد و سپس نحوه افزودن Redux، ایجاد Thunks، استفاده از انتخابگرها، کار با اجزای سبک، انجام آزمایش و موارد دیگر را توضیح می دهد.

موضوعات شامل:
- ساخت برنامه های واکنش پذیر با قابلیت نگهداری و مقاومت بیشتر
- نصب React و سایر ابزارها
- افزودن Redux
- مقابله با عوارض جانبی
- کتابخانه ها برای مقابله با عوارض جانبی
- یکپارچه سازی عکس العمل موثرتر برنامه ها با اجزای سبک
- استفاده از قلاب های React
- واکنش به قطعات
- تست Redux، Redux-Thunk، reselect و اجزای سبک شده

سرفصل ها

مقدمه

React - رفتن از خوب به عالی
آنچه باید بدانید
نصب نرم افزارهای لازم
فایل های تمرین
آنچه این دوره شامل می شود

بررسی اجمالی پروژه

چرا از اکوسیستم React استفاده کنیم؟
با ابزارهای اکوسیستم React آشنا شوید

ایجاد پروژه اصلی شما

ساخت یک پروژه React از ابتدا
نقطه ورود React
پشتیبانی از ES6
فایل Index.js و جزء برنامه
ساخت و سرویس با وب پک
Hot-Reloading با react-hot-loader
با برنامه نمونه آشنا شوید
ایجاد جزء todoList
ایجاد جزء todoListItem
ایجاد کامپوننت newTodoForm
قرار دادن برنامه در کنار هم

افزودن Redux

چرا به Redux نیاز دارید؟
Redux چگونه کار می کند
افزودن Redux به برنامه React
ایجاد اکشن های Redux
ایجاد کاهنده
اتصال قطعات به فروشگاه
اجرای برنامه React-Redux
تداوم فروشگاه Redux
Redux DevTools
بهترین شیوه های ردوکس
چالش - اضافه کردن یک جریان Redux
راه حل - اضافه کردن یک جریان Redux

مقابله با عوارض جانبی

چرا به Redux Thunk نیاز دارید؟
Redux Thunk چگونه کار می کند
افزودن Redux Thunk به React
ایجاد تونک
Todos API
صداهای ناهمگام
افزودن کاهنده دیگر
Refactoring Todos Refactoring
استفاده از thunks برای ایجاد منابع سرور
استفاده از thunks برای حذف منابع سرور
چالش - استفاده از thunks برای به روز رسانی منابع سرور
راه حل - استفاده از thunks برای به روز رسانی منابع سرور

انتخابگرها

چرا به انتخابگرها نیاز دارید
ایجاد انتخابگرها
ترکیب سلکتورها با Reselect
اطلاعات بیشتر در مورد انتخابگرها
افزودن انتخابگرها به کامپوننت ها

Styled-Components

چرا به کامپوننت های مدل دار نیاز دارید؟
ایجاد یک کامپوننت استایل دار
تبدیل ماژول های CSS به کامپوننت های سبک
انتقال وسایل به اجزای مدل دار
توسعه مولفه های مدل دار

آزمایش

آزمایش اکوسیستم های React
کاهش دهنده های تست
تست کردن Redux thunks
انتخاب کننده های تست
آزمایش مولفه‌های مدل‌دهی شده

نتیجه

مراحل بعدی