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

جزئیات دوره

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

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

سرفصل ها

0. مقدمه

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

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

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

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

08- ساخت یک پروژه React از ابتدا
09-نقطه ورود React
10-پشتیبانی از ES6
11- فایل Index.js و جزء برنامه
12-ساخت و سرویس با وب پک
13-Hot-Reloading با react-hot-loader
14- با برنامه نمونه آشنا شوید
15-ایجاد جزء todoList
16-ایجاد جزء todoListItem
17-ایجاد کامپوننت newTodoForm
18- قرار دادن برنامه در کنار هم

3. افزودن Redux

19-چرا به Redux نیاز دارید؟
20- Redux چگونه کار می کند
21-افزودن Redux به برنامه React
22-ایجاد اکشن های Redux
23-ایجاد کاهنده
24-اتصال قطعات به فروشگاه
25- اجرای برنامه React-Redux
26-تداوم فروشگاه Redux
27-Redux DevTools
28-بهترین شیوه های ردوکس
29-چالش - اضافه کردن یک جریان Redux
30-راه حل - اضافه کردن یک جریان Redux

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

31-چرا به Redux Thunk نیاز دارید؟
32- Redux Thunk چگونه کار می کند
33-افزودن Redux Thunk به React
34-ایجاد تونک
35-Todos API
36-صداهای ناهمگام
37-افزودن کاهنده دیگر
38-Refactoring Todos Refactoring
39-استفاده از thunks برای ایجاد منابع سرور
40-استفاده از thunks برای حذف منابع سرور
41-چالش - استفاده از thunks برای به روز رسانی منابع سرور
42-راه حل - استفاده از thunks برای به روز رسانی منابع سرور

5. انتخابگرها

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

6. Styled-Components

48-چرا به کامپوننت های مدل دار نیاز دارید؟
49-ایجاد یک کامپوننت استایل دار
50-تبدیل ماژول های CSS به کامپوننت های سبک
51-انتقال وسایل به اجزای مدل دار
52-توسعه مولفه های مدل دار

7. آزمایش

53-آزمایش اکوسیستم های React
54-کاهش دهنده های تست
55-تست کردن Redux thunks
56-انتخاب کننده های تست
57-آزمایش مولفه‌های مدل‌دهی شده

نتیجه

58- مراحل بعدی