فلش‌کارت‌های آموزشی کار با Hookهای پیشرفته و مدیریت وضعیت در React (با تمرکز بر UseState و UseEffect)

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

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

عنوان دوره: دوره کار با Hookهای پیشرفته و مدیریت وضعیت در React (با تمرکز بر UseState و UseEffect)

موضوع کلی: توسعه نرم‌افزار و برنامه‌نویسی

موضوع میانی: توسعه برنامه‌های کاربردی وب با React

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

• 1. مقدمه‌ای بر توسعه وب مدرن
• 2. آشنایی با React و اکوسیستم آن
• 3. مبانی JSX و رندرینگ در React
• 4. کامپوننت‌های تابعی و کلاسیک
• 5. مدیریت وضعیت با useState
• 6. نحوه بروزرسانی وضعیت در کامپوننت‌ها
• 7. استفاده از useState در فرم‌ها
• 8. توابع کمکی برای useState
• 9. توابع بروزرسانی وضعیت مبتنی بر تابع
• 10. مقدمه‌ای بر useEffect
• 11. نقش useEffect در چرخه حیات کامپوننت
• 12. اجرای افکت‌ها پس از رندر
• 13. تنظیم و پاکسازی افکت‌ها
• 14. استفاده از useEffect برای درخواست داده
• 15. مدیریت وابستگی‌های useEffect
• 16. افکت‌های شرطی در useEffect
• 17. اجتناب از حلقه‌های بی‌نهایت با useEffect
• 18. useEffect برای مدیریت رویدادها
• 19. استفاده از useEffect در ترکیب با useState
• 20. مقدمه‌ای بر مدیریت پیشرفته وضعیت
• 21. مقایسه useState با راهکارهای دیگر
• 22. اشاره به Context API
• 23. آشنایی با Context API برای مدیریت وضعیت سراسری
• 24. نحوه ایجاد Context
• 25. مصرف Context در کامپوننت‌ها
• 26. ارائه‌دهندگان Context
• 27. مصرف‌کنندگان Context
• 28. استفاده از Context برای تم‌بندی (Theming)
• 29. Context و مقادیر پیش‌فرض
• 30. بهینه‌سازی Context با useMemo
• 31. مقدمه‌ای بر ابزارهای مدیریت وضعیت
• 32. معرفی Redux (به صورت کلی و بدون جزئیات پیاده‌سازی پیچیده)
• 33. مبانی Redux: State, Actions, Reducers
• 34. هدف اصلی Redux در مدیریت وضعیت پیچیده
• 35. اشاره به Zustand به عنوان راهکار ساده‌تر
• 36. مزایای Zustand نسبت به Context API
• 37. نحوه استفاده از Zustand
• 38. ایجاد Store در Zustand
• 39. استفاده از Hookهای Zustand
• 40. مثال کاربردی با Zustand
• 41. مقدمه‌ای بر مدیریت Asynchronous Operations
• 42. مفاهیم پایه Asynchronous Programming
• 43. Promises در JavaScript
• 44. Async/Await در JavaScript
• 45. نحوه استفاده از Async/Await در React
• 46. مدیریت خطاهای Asynchronous
• 47. استفاده از useEffect برای فراخوانی‌های Asynchronous
• 48. مدیریت وضعیت بارگذاری (Loading State)
• 49. مدیریت وضعیت خطا (Error State)
• 50. معرفی کتابخانه React Query (TanStack Query)
• 51. مزایای React Query برای مدیریت داده‌های سرور
• 52. نحوه استفاده از useQuery
• 53. مدیریت کش در React Query
• 54. استفاده از useMutation برای عملیات نوشتن
• 55. بهینه‌سازی درخواست‌های شبکه با React Query
• 56. مدیریت وضعیت‌های مختلف در React Query
• 57. استفاده از React Query در فرم‌ها
• 58. مقدمه‌ای بر Custom Hooks
• 59. چرا Custom Hooks مفید هستند؟
• 60. نحوه ایجاد Custom Hooks
• 61. استفاده مجدد از منطق با Custom Hooks
• 62. مثال کاربردی: Custom Hook برای مدیریت فرم
• 63. مثال کاربردی: Custom Hook برای مدیریت Fetching داده
• 64. مثال کاربردی: Custom Hook برای مدیریت Local Storage
• 65. Custom Hooks و مدیریت وضعیت
• 66. بهبود خوانایی کد با Custom Hooks
• 67. مقدمه‌ای بر بهینه‌سازی عملکرد در React
• 68. مفهوم Memoization
• 69. استفاده از useMemo
• 70. استفاده از useCallback
• 71. تفاوت useMemo و useCallback
• 72. بهینه‌سازی رندر کامپوننت‌ها
• 73. استفاده از React.memo
• 74. شناسایی Bottlenecks در برنامه
• 75. ابزارهای Profiling در React Developer Tools
• 76. تکنیک‌های Code Splitting (به صورت کلی)
• 77. Lazy Loading کامپوننت‌ها
• 78. مقدمه‌ای بر تست نویسی در React
• 79. اهمیت تست نویسی
• 80. معرفی Jest و React Testing Library
• 81. نوشتن تست برای کامپوننت‌ها
• 82. تست تعامل کاربر با کامپوننت
• 83. تست مدیریت وضعیت در کامپوننت‌ها
• 84. تست فراخوانی‌های Asynchronous
• 85. اصول نوشتن تست‌های موثر
• 86. مروری بر بهترین شیوه‌ها در React
• 87. ساختاردهی پروژه‌های React
• 88. مدیریت کد و کامپوننت‌ها
• 89. اصول طراحی کامپوننت‌های قابل استفاده مجدد
• 90. مدیریت وابستگی‌ها
• 91. اصول امنیتی در توسعه وب (سطح مقدماتی و مرتبط با React)
• 92. ملاحظات مربوط به داده‌های کاربر (بدون ورود به جزئیات حساس)
• 93. ملاحظات مربوط به استفاده از کتابخانه‌های خارجی
• 94. مروری بر آینده React و الگوهای جدید
• 95. مقدمه‌ای بر Server Components (به صورت مفهومی)
• 96. ملاحظات مربوط به معماری برنامه‌های وب مدرن
• 97. جمع‌بندی و گام‌های بعدی در یادگیری