مگا پکیج آموزش React و Redux (0 تا 100)

ری اکت React یک کتابخانه جاوا اسکریپت است که برای ساخت رابط کاربری (UI) در برنامه‌های تک‌صفحه‌ای (SPA) استفاده می‌شود. کتابخانه React.js توسط فیسبوک (Meta) توسعه داده شده و مبتنی بر کامپوننت‌ها (Components) است. همچنین Redux یک مدیریت وضعیت (State Management) برای برنامه‌های جاوا اسکریپتی است که اغلب همراه با React استفاده می‌شود. Redux یک حافظه مرکزی (Store) برای وضعیت برنامه ایجاد می‌کند که تمامی کامپوننت‌ها می‌توانند بدون ارسال مستقیم props به آن دسترسی داشته باشند.

در این دوره چه مباحثی آموزش داده شده است؟

ما در این دوره به آموزش React و Redux به صورت کاملا جامع می پردازیم. این دوره آموزش جامع React و Redux، یک راهنمای کامل برای یادگیری این دو تکنولوژی قدرتمند در توسعه وب است و در سال 2025 منتشر شده است. در این دوره، از مفاهیم پایه‌ای React مانند کامپوننت‌ها، Props، State و مدیریت رویدادها شروع کرده و سپس به مباحث پیشرفته‌تر مانند Redux، Redux Toolkit و Context API می‌پردازیم. همچنین نحوه ساخت پروژه‌های واقعی، بهینه‌سازی کد، استفاده از ابزارهای کاربردی و دیپلوی کردن پروژه را یاد خواهید گرفت.

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

• آموزش از صفر تا صد: مناسب برای تمام سطوح، از مبتدی تا پیشرفته
• پروژه‌های عملی: یادگیری مفاهیم با انجام پروژه‌های واقعی
• مدیریت حرفه‌ای State: آموزش کامل Redux و Context API
• بهینه‌سازی و دیباگینگ: استفاده از ابزارهایی مانند Redux DevTools
• آموزش تست‌نویسی: آشنایی با تست کامپوننت‌ها و رویکردهای مختلف تست

سرفصل های دوره مگا پکیج آموزش React و Redux

فصل 1: مقدمات

1. معرفی دوره
2. مهارت یا تحصیلات مورد نیاز
3. مسیرهای متفاوت
4. پیدا کردن شغل
5. چرا React
6. مفهوم کامپوننت
7. فراهم آوردن محیط توسعه
8. ساخت اولین پروژه React
9. بررسی فایل‌های پروژه
10. ساخت اولین کامپوننت
11. ساخت دومین کامپوننت
12. قوانین JSX
13. ساخت Git دوره

فصل 2: Props

14. ساخت پروژه جدید
15. ساخت کامپوننت Quote
16. اضافه کردن Props به کامپوننت Quote
17. ساخت کامپوننت Quote با تابع Map
18. کامپوننت LikeDislike
19. استفاده از props.children

فصل 3: State

20. ساخت پروژه با Vite
21. آشنایی با Event Handling در React
22. استفاده از State
23. تعریف پروژه
24. کامپوننت anime
25. استفاده از تصاویر لوکال
26. کامپوننت SearchInput
27. کامپوننت AnimeDetail
28. پیاده‌سازی تابع جستجو
29. برقراری اتصالات جستجو
30. کامپوننت AnimeList
31. کامل کردن AnimeDetail
32. کامپوننت Loading
33. آشنایی با ماژول‌های CSS
34. اضافه کردن لودینگ و مدیریت خطا
35. آشنایی با useEffect
36. کامل کردن پروژه
37. نصب بوت استرپ با npm

فصل 4: سایر مباحث

38. نمی‌توان State را mutate کرد
39. معرفی pure components و استفاده از memo
40. معرفی useCallback
41. معرفی Higher Order Component
42. معرفی useRef
43. معرفی useEffect Cleanup Function
44. معرفی Custom Hooks
45. معرفی CSS in JS
46. خطایابی پروژه
47. معرفی Virtual DOM
48. دیپلوی کردن پروژه

فصل 5: ریداکس

49. معرفی ریداکس
50. اولین مثال با ریداکس
51. معرفی Action Creators
52. استفاده از Action Creators
53. قوانین reducer ها
54. کامل کردن مثال شمارنده
55. مثال تغییر رنگ

فصل 6: ریداکس تولکیت

56. مثال شمارنده با تولکیت
57. معرفی RTK Query
58. تنظیم store
59. کامل کردن پروژه
60. معرفی Redux DevTools

فصل 7: معرفی Context

61. تعریف پروژه
62. معرفی Context
63. ساخت کامپوننت‌ها
64. کامپوننت ThemeSelector
65. تکمیل پروژه

فصل 8: پروژه CRUD

66. معرفی Single Page Application
67. معرفی React Router DOM
68. استفاده از URL Params
69. کامپوننت Navbar
70. ساختار پروژه
71. کامپوننت لوگین
72. کامپوننت رجیستر
73. کامپوننت AnimeList
74. کامپوننت AnimeDetail
75. کامپوننت‌های CreateAnime و EditAnime
76. کامپوننت Header
77. پیاده‌سازی Auth API
78. کامل کردن ورود
79. کامل کردن ثبت نام
80. کامپوننت PrivateRoute
81. پیاده‌سازی AuthSlice
82. نهایی کردن روت‌های خصوصی
83. استفاده از Local Storage
84. ارسال کاربر قبلا لوگین بوده به صفحه اصلی
85. پیاده‌سازی خروج
86. تست پروژه و جستجو برای خطا
87. معرفی Thunk
88. نهایی کردن بخش احراز هویت
89. پیاده‌سازی Anime API
90. اضافه کردن توکن به هدر درخواست
91. کامل کردن AnimeList
92. کامل کردن AnimeCreate
93. نامعتبر کردن cache
94. کامل کردن AnimeDetail
95. کامل کردن AnimeEdit
96. پیاده‌سازی حذف انیمه

فصل 9: آشنایی با کامپوننت‌های class-based

97. معرفی کامپوننت‌های کلاسی
98. نحوه کار با Props
99. نحوه کار با state
100. آشنایی با Lifecycle Methods
101. حل مشکل this

فصل 10: تست کامپوننت‌ها

102. معرفی پروژه
103. تست کامپوننت Box
104. تست Event
105. توابع انتخابگر
106. آشنایی با Unit و Integration تست
107. تست کامپوننت انیمه

حاصل دوره

دانشجویان عزیز در پایان این دوره، مهارت‌های لازم برای ساخت اپلیکیشن‌های قدرتمند با React را خواهند داشت و می‌توانند در بازار کار رقابتی، یک توسعه‌دهنده حرفه‌ای شوند و موقعیت شغلی خود را ارتقا دهند.