دوره مدیریت وضعیت با Redux و Redux Toolkit در React همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره مدیریت وضعیت با Redux و Redux Toolkit در React

موضوع کلی: برنامه نویسی

موضوع میانی: جاوا اسکریپت (JavaScript)

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر مدیریت وضعیت در برنامه‌های React
• 2. چرا به مدیریت وضعیت در React نیاز داریم؟
• 3. معرفی Redux و فلسفه آن
• 4. تفاوت Redux با useState و Context API
• 5. نصب و راه‌اندازی Redux Toolkit
• 6. ساختار اصلی Redux: Store, Reducer, Action
• 7. ایجاد اولین Store در Redux Toolkit
• 8. تعریف Reducer ها برای مدیریت State
• 9. نوشتن اولین Action Creator
• 10. ارتباط کامپوننت‌های React با Redux (Hooks)
• 11. استفاده از `useSelector` برای خواندن State
• 12. استفاده از `useDispatch` برای ارسال Action ها
• 13. مدیریت State های ساده با Redux Toolkit
• 14. ساختار Slices در Redux Toolkit
• 15. ایجاد Slice برای مدیریت State های مرتبط
• 16. توابع Reducer در Slices
• 17. Async Actions با Redux Thunk
• 18. مقدمه‌ای بر عملیات ناهمزمان در Redux
• 19. نصب و پیکربندی Redux Thunk
• 20. نوشتن Thunk Action Creators
• 21. ارسال درخواست‌های API با Thunk
• 22. مدیریت وضعیت بارگذاری (Loading)
• 23. مدیریت خطاها در عملیات ناهمزمان
• 24. استفاده از `createAsyncThunk` در Redux Toolkit
• 25. مدیریت موفقیت و شکست با `createAsyncThunk`
• 26. ساختار Reducers برای عملیات ناهمزمان
• 27. نوشتن Reducers برای `pending`, `fulfilled`, `rejected`
• 28. مدیریت State های پیچیده با Redux Toolkit
• 29. نرمال‌سازی داده‌ها در Redux
• 30. استفاده از Entity Adapters برای مدیریت داده‌های لیست شده
• 31. ساخت و به‌روزرسانی داده‌ها با Entity Adapters
• 32. حذف داده‌ها با Entity Adapters
• 33. مدیریت State های مربوط به فرم‌ها
• 34. استفاده از Formik و React Hook Form با Redux
• 35. اشتراک‌گذاری State بین کامپوننت‌ها
• 36. الگوهای پیشرفته مدیریت State
• 37. مدیریت State های مربوط به احراز هویت
• 38. ایجاد Slice برای اطلاعات کاربر
• 39. مدیریت ورود و خروج کاربر
• 40. ذخیره توکن احراز هویت
• 41. مدیریت State های مربوط به تنظیمات برنامه
• 42. ایجاد Slice برای تنظیمات
• 43. ذخیره و بازیابی تنظیمات کاربر
• 44. مدیریت State های مربوط به ناوبری (Routing)
• 45. استفاده از React Router با Redux
• 46. ذخیره وضعیت فعلی مسیر
• 47. مدیریت State های مربوط به جستجو و فیلترینگ
• 48. ایجاد Slice برای پارامترهای جستجو
• 49. اعمال فیلترها بر روی داده‌ها
• 50. مدیریت State های مربوط به نوتیفیکیشن‌ها
• 51. ایجاد Slice برای نوتیفیکیشن‌ها
• 52. نمایش و پنهان کردن نوتیفیکیشن‌ها
• 53. مدیریت State های مربوط به Modal ها
• 54. ایجاد Slice برای وضعیت Modal
• 55. باز و بسته کردن Modal ها
• 56. مدیریت State های مربوط به UI های پویا
• 57. انیمیشن‌ها و Transition ها در React با Redux
• 58. مدیریت State های مربوط به Drag and Drop
• 59. استفاده از کتابخانه‌های Drag and Drop با Redux
• 60. مدیریت State های مربوط به جدول‌ها
• 61. مرتب‌سازی و صفحه‌بندی داده‌ها در جدول
• 62. مدیریت State های مربوط به نمودارها
• 63. به‌روزرسانی داده‌های نمودار
• 64. مدیریت State های مربوط به چندزبانه بودن (i18n)
• 65. ایجاد Slice برای زبان برنامه
• 66. تغییر زبان برنامه
• 67. مدیریت State های مربوط به تست‌ها
• 68. نوشتن تست برای Redux Reducers
• 69. نوشتن تست برای Redux Actions
• 70. نوشتن تست برای Redux Thunks
• 71. نوشتن تست برای کامپوننت‌های متصل به Redux
• 72. بهینه‌سازی عملکرد Redux
• 73. استفاده از `reselect` برای Memoization Selector ها
• 74. جلوگیری از Re-render های غیرضروری
• 75. کاهش حجم Store
• 76. مدیریت State های مربوط به ابزارهای توسعه (DevTools)
• 77. نصب و استفاده از Redux DevTools
• 78. عیب‌یابی با Redux DevTools
• 79. الگوهای معماری در برنامه‌های بزرگ با Redux
• 80. تقسیم‌بندی Redux Store
• 81. مدیریت Reducer های پیچیده
• 82. استفاده از Redux Saga (اختیاری، برای درک بهتر Redux Thunk)
• 83. مقدمه‌ای بر Redux Saga
• 84. نوشتن Effects در Redux Saga
• 85. مدیریت عملیات ناهمزمان با Saga
• 86. استفاده از Saga برای درخواست‌های API
• 87. جمع‌بندی و بهترین شیوه‌ها در Redux Toolkit
• 88. نکات تکمیلی برای مدیریت وضعیت حرفه‌ای
• 89. ساختاردهی پروژه Redux
• 90. مدیریت State های مربوط به محیط‌های مختلف (Development, Production)
• 91. ملاحظات امنیتی در مدیریت State
• 92. آینده Redux و ابزارهای مدیریت وضعیت
• 93. مقایسه Redux Toolkit با ابزارهای مشابه
• 94. پروژه‌های نمونه و کاربردی Redux Toolkit
• 95. ساخت یک برنامه Todo List پیشرفته با Redux
• 96. ساخت یک برنامه مدیریت محصولات با Redux
• 97. ساخت یک برنامه چت ساده با Redux
• 98. کار با Redux در پروژه‌های Server-Side Rendering (SSR)
• 99. نکات مهم برای نگهداری کد Redux
• 100. درس‌هایی از پروژه‌های واقعی با Redux