دوره آموزشی ساخت پروژههای مدرن با React
3 ساعت 51 دقیقهمتوسط2024-11-22
مدرسین

Shaun Wassell
Full-Stack Software Developer
جزئیات دوره
در این دوره، با برخی از مهمترین ابزارهای موجود در اکوسیستم React آشنا میشوید که به شما کمک میکنند تا توسعه را سادهتر کنید و پیچیدگیهای state، side effects، ساختار و styling را مدیریت کنید. مدرس این دوره Shaun Wassell نحوه ایجاد یک پروژه پایه React را آموزش میدهد، سپس نشان میدهد چگونه میتوانید Redux را اضافه کرده، thunks بسازید، از selectors استفاده کنید، با styled-components کار کنید، تست انجام دهید و موارد دیگر.
اهداف یادگیری:
ایجاد برنامههای React پایدارتر و قویتر.
نصب React و ابزارهای مورد نیاز.
افزودن Redux به برنامه React.
استفاده از کتابخانهها برای مدیریت side effects.
استایلدهی به برنامههای React با استفاده از styled components.
استفاده از React hooks و fragments.
انجام تست روی Redux، Redux Thunk، Reselect و styled components.
اهداف یادگیری:
ایجاد برنامههای React پایدارتر و قویتر.
نصب React و ابزارهای مورد نیاز.
افزودن Redux به برنامه React.
استفاده از کتابخانهها برای مدیریت side effects.
استایلدهی به برنامههای React با استفاده از styled components.
استفاده از React hooks و fragments.
انجام تست روی Redux، Redux Thunk، Reselect و styled components.
مهارت ها
React.jsMetaWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
سرفصل ها
0. مقدمه
- 01 - بیایید با React پروژههای مدرن بسازیم
- 02 - آنچه باید بدانید
1. راهاندازی پروژه
- 03 - راهاندازی اولیه و فایلهای تمرین
2. بررسی اجمالی پروژه
- 04 - چرا از اکوسیستم React استفادهکنیم ?
- 05 - با ابزارهای اکوسیستم React آشنا شوید
3. ایجاد پروژههای React از ابتدا
- 06 - ساخت یک پروژه React از ابتدا
- 07 - نقطه ورود React
- 08 - ایجاد یک اسکریپت React
- 09 - استفاده از بسته وب برای ساخت یک برنامه React
- 10 - افزودن اجزای بیشتر
4. ایجاد پروژه با Vite، Next.js، Remix و موارد دیگر
- 11 - با Create React App یک پروژه ایجاد کنید
- 12 - یک پروژه با Vite ایجاد کنید
- 13 - یک پروژه با Next.js ایجاد کنید
- 14 - با Remix یک پروژه ایجاد کنید
5. ایجاد یک پروژه پایه
- 15 - با برنامه نمونه آشنا شوید
- 16 - ایجاد کامپوننت TodoList
- 17 - ایجاد کامپوننت TodoListItem
- 18 - ایجاد کامپوننت NewTodoForm
- 19 - قرار دادن برنامه در کنار هم
6. اضافه کردن Redux
- 20 - چرا به Redux نیاز داریم
- 21 - Redux چگونه کار میکند
- 22 - افزودن Redux به برنامه React
- 23 - ایجاد اکشنهای Redux
- 24 - ایجاد کاهنده
- 25 - بارگذاری دادهها از فروشگاه
- 26 - ارسال اقدامات Redux
- 27 - افزودن بارهای اکشن
- 28 - چالش - اضافه کردن یک جریان Redux
- 29 - راه حل - اضافه کردن یک جریان Redux
- 30 - Redux DevTools
7. جایگزینهای Redux
- 31 - مدیریت دولتی با پس زدن
- 32 - مدیریت دولتی با MobX
8. مقابله با عوارض جانبی
- 33 - چرا به Redux-Thunk نیاز داریم
- 34 - Redux-Thunk چگونه کار میکند
- 35 - Todos API
- 36 - پیگیری وضعیت بارگذاری
- 37 - دانلود دادهها با Thunks
- 38 - Refactoring کاهنده to-dos
- 39 - استفاده از Thunks برای ایجاد منابع سرور
- 40 - استفاده از Thunks برای حذف منابع سرور
- 41 - چالش - استفاده از Thunks برای به روز رسانی منابع سرور
- 42 - راه حل - استفاده از Thunks برای به روز رسانی منابع سرور
9. انتخابگرها
- 43 - چرا به انتخابگر نیاز داریم
- 44 - ایجاد انتخابگر
- 45 - ترکیب سلکتورها
- 46 - استفاده از تابع createSelector
10. Styled-Components
- 47 - چرا به کامپوننتهای استایلد نیاز داریم؟
- 48 - ایجاد یک کامپوننت سبک
- 49 - انتقال لوازم به کامپوننتهای مدل دار
11. آزمایش
- 50 - آزمایش اکوسیستمهای React
- 51 - تست کاهنده
- 52 - تست انتخابگرها
- 53 - تست مولفههای سبک
نتیجه گیری
- 54 - مراحل بعدی ساخت با React
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی ریاکت تعاملی برای وب
- دوره آموزشی احراز هویت در React
- دوره آموزشی رندر کردن دادهها در React
- دوره آموزشی تمرین React برای مبتدیها: ساخت و تغییر کامپوننتهای پایه
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی معماری میکرو فرانتاند با React