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

در این دوره آموزشی یاد می گیرید که چطور از زبان React برای طراحی و کدنویسی پروژه های مدرن استفاده کنید.

عنوان اصلی : Building Modern Projects with React

سرفصل ها :

معرفی
واکنش نشان دهید: رفتن از خوب به عالی
آنچه شما باید بدانید
نصب نرم افزارهای لازم
فایل های تمرینی
آنچه این دوره شامل می شود
1. بررسی اجمالی پروژه
چرا از اکوسیستم React استفاده کنیم؟
با ابزارهای اکوسیستم React آشنا شوید
2. ایجاد پروژه اصلی شما
ساخت یک پروژه React از ابتدا
نقطه ورود React
پشتیبانی از ES6
فایل Index.js و جزء برنامه
ساخت و سرویس با وب پک
Hot-Reloading با react-hot-loader
با برنامه نمونه آشنا شوید
ایجاد جزء todoList
ایجاد مؤلفه todoListItem
ایجاد کامپوننت newTodoForm
قرار دادن برنامه در کنار هم
3. افزودن Redux
چرا به Redux نیاز دارید؟
Redux چگونه کار می کند؟
افزودن Redux به برنامه React
ایجاد اکشن های Redux
ایجاد کاهنده ها
اتصال قطعات به فروشگاه
اجرای یک برنامه React-Redux
فروشگاه Redux ادامه دارد
Redux DevTools
بهترین شیوه های Redux
چالش: اضافه کردن یک جریان Redux
راه حل: اضافه کردن یک جریان Redux
4. مقابله با عوارض جانبی
چرا به Redux Thunk نیاز دارید؟
Redux Thunk چگونه کار می کند؟
افزودن Redux Thunk به React
ایجاد یک thunk
Todos API
صدای ناهمگام
افزودن کاهنده دیگر
Refactoring کاهش دهنده todos
استفاده از thunks برای ایجاد منابع سرور
استفاده از thunks برای حذف منابع سرور
چالش: استفاده از thunks برای به روز رسانی منابع سرور
راه حل: استفاده از thunks برای به روز رسانی منابع سرور
5. انتخابگرها
چرا به انتخابگر نیاز دارید؟
ایجاد انتخابگرها
ترکیب انتخابگرها با انتخاب مجدد
اطلاعات بیشتر در مورد انتخابگرها
افزودن انتخابگرها به اجزا
6. Styled-Components
چرا به کامپوننت های استایلی نیاز دارید؟
ایجاد یک کامپوننت استایل دار
تبدیل ماژول های CSS به کامپوننت های سبک
انتقال لوازم به اجزای سبک
گسترش مولفه‌های مدل‌دهی شده
7. آزمایش
آزمایش اکوسیستم های React
تست کاهنده ها
تست Redux thunks
تست انتخابگرها
تست مولفه های سبک
نتیجه
مراحل بعدی