دوره الگوهای پیشرفته در ری‌اکت: Custom Hooks و Higher-Order Components همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره الگوهای پیشرفته در ری‌اکت: Custom Hooks و Higher-Order Components

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

موضوع میانی: ری‌اکت (React)

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

• 1. مقدمه‌ای بر مفاهیم پیشرفته در ری‌اکت
• 2. آشنایی با Custom Hooks
• 3. اهمیت و کاربرد Custom Hooks
• 4. ساخت اولین Custom Hook
• 5. مدیریت وضعیت در Custom Hooks
• 6. مدیریت افکت‌ها در Custom Hooks
• 7. بازگشت از Custom Hooks
• 8. بهینه‌سازی Custom Hooks
• 9. آشنایی با Higher-Order Components (HOCs)
• 10. تفاوت HOCs و Custom Hooks
• 11. ساخت اولین HOC
• 12. کاربرد HOCs برای منطق مشترک
• 13. افزودن Props با HOCs
• 14. مدیریت وضعیت با HOCs
• 15. مدیریت افکت‌ها با HOCs
• 16. بازگشت از HOCs
• 17. بهینه‌سازی HOCs
• 18. ترکیب HOCs
• 19. استفاده از HOCs در پروژه‌های بزرگ
• 20. ملاحظات امنیتی در HOCs
• 21. تست HOCs
• 22. معرفی Context API
• 23. کاربرد Context API برای مدیریت وضعیت سراسری
• 24. ایجاد Context
• 25. ارائه دهنده Context
• 26. مصرف کننده Context
• 27. بهینه‌سازی Context API
• 28. مقایسه Context API و Redux
• 29. مدیریت فرم‌ها در ری‌اکت
• 30. کتابخانه‌های مدیریت فرم (Formik, React Hook Form)
• 31. اعتبارسنجی فرم‌ها
• 32. مدیریت ورودی‌های پیچیده
• 33. مدیریت حالت بارگذاری و خطا در فرم‌ها
• 34. انتقال داده از فرم به کامپوننت والد
• 35. مقدمه‌ای بر تستینگ در ری‌اکت
• 36. انواع تست (Unit, Integration, End-to-End)
• 37. کتابخانه Jest
• 38. کتابخانه React Testing Library
• 39. نوشتن تست‌های واحد برای کامپوننت‌ها
• 40. نوشتن تست‌های واحد برای Custom Hooks
• 41. نوشتن تست‌های ادغام (Integration Tests)
• 42. مدیریت وضعیت پیچیده با Redux
• 43. مفاهیم اصلی Redux (Store, Actions, Reducers)
• 44. نوشتن Redux Actions
• 45. نوشتن Redux Reducers
• 46. اتصال کامپوننت‌ها به Redux
• 47. استفاده از Redux Toolkit
• 48. مدیریت Asynchronous Operations با Redux Thunk/Saga
• 49. ساخت Redux Slice با Redux Toolkit
• 50. بهینه‌سازی Redux Store
• 51. تست کردن Redux Reducers
• 52. تست کردن Redux Actions
• 53. مقدمه‌ای بر معماری نرم‌افزار
• 54. الگوهای طراحی در ری‌اکت
• 55. معماری مبتنی بر کامپوننت
• 56. اصول SOLID در توسعه ری‌اکت
• 57. مدیریت وابستگی‌ها
• 58. استفاده از TypeScript در ری‌اکت
• 59. تعاریف تایپ برای Props و State
• 60. استفاده از Generic Types
• 61. مدیریت State با UseReducer و Context API
• 62. بهینه‌سازی کامپوننت‌ها با React.memo
• 63. استفاده از useCallback و useMemo
• 64. مدیریت خطاها در ری‌اکت (Error Boundaries)
• 65. کاتالوگ کامپوننت‌ها (Component Libraries)
• 66. آشنایی با Material-UI
• 67. آشنایی با Ant Design
• 68. سفارشی‌سازی کامپوننت‌ها
• 69. استفاده از استایلینگ در ری‌اکت (CSS Modules, Styled Components)
• 70. مدیریت Animation در ری‌اکت
• 71. مقدمه‌ای بر Server-Side Rendering (SSR)
• 72. فریم‌ورک Next.js
• 73. مفاهیم SSR در Next.js
• 74. Static Site Generation (SSG) در Next.js
• 75. API Routes در Next.js
• 76. استقرار برنامه‌های ری‌اکت
• 77. مقدمه‌ای بر GraphQL
• 78. مقایسه GraphQL با REST API
• 79. نوشتن Query و Mutation در GraphQL
• 80. استفاده از Apollo Client
• 81. مدیریت وضعیت با Apollo Client
• 82. امنیت در برنامه‌های ری‌اکت
• 83. مدیریت احراز هویت و مجوزها
• 84. استفاده از JWT
• 85. ملاحظات امنیتی در Client-Side
• 86. مقدمه‌ای بر DevOps و CI/CD
• 87. ابزارهای CI/CD (GitHub Actions, GitLab CI)
• 88. استقرار خودکار
• 89. مانیتورینگ و لاگینگ در برنامه‌های ری‌اکت
• 90. بهینه‌سازی عملکرد برنامه‌های ری‌اکت
• 91. کد اسپلینتینگ (Code Splitting)
• 92. Lazy Loading کامپوننت‌ها
• 93. تحلیل عملکرد با React DevTools
• 94. بهینه‌سازی درخواست‌های شبکه
• 95. پروژه‌های پیشرفته و کاربردی
• 96. ساخت یک داشبورد مدیریتی
• 97. پیاده‌سازی یک فروشگاه آنلاین
• 98. توسعه یک اپلیکیشن چت
• 99. ساخت یک سیستم مدیریت محتوا
• 100. پروژه‌های عملی با هدف یادگیری عمیق