فلش‌کارت‌های آموزشی یادگیری React: اصول، مزایا و ساخت اپلیکیشن‌های وب پویا

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

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

عنوان دوره: دوره یادگیری React: اصول، مزایا و ساخت اپلیکیشن‌های وب پویا

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب و ابزارهای مدرن
• 2. آشنایی با React: تاریخچه و فلسفه
• 3. چرا React؟ مزایای کلیدی React
• 4. مفاهیم پایهٔ React: JSX
• 5. ساخت اولین کامپوننت در React
• 6. Props: انتقال داده‌ها به کامپوننت‌ها
• 7. State: مدیریت وضعیت داخلی کامپوننت‌ها
• 8. کامپوننت‌های تابعی در مقابل کامپوننت‌های کلاسی
• 9. هوک‌های React: معرفی
• 10. استفاده از useState برای مدیریت وضعیت
• 11. استفاده از useEffect برای اثرات جانبی
• 12. مدیریت فرم‌ها در React
• 13. اعتبارسنجی فرم‌ها در React
• 14. لیست‌ها و کلیدها در React
• 15. شرایط رندرینگ در React
• 16. رندرینگ شرطی پیشرفته
• 17. ارتباط بین کامپوننت‌ها: Parent-Child
• 18. ارتباط بین کامپوننت‌ها: Child-Parent
• 19. مقدمه‌ای بر مدیریت وضعیت سراسری
• 20. معرفی Context API در React
• 21. استفاده از Context API برای اشتراک‌گذاری وضعیت
• 22. مقدمه‌ای بر React Router
• 23. نصب و پیکربندی React Router
• 24. تعریف مسیرها در React Router
• 25. لینک‌دهی در React Router
• 26. پارامترهای مسیر در React Router
• 27. کوئری پارامترها در React Router
• 28. ناوبری برنامه‌ریزی شده در React Router
• 29. کامپوننت‌های محافظ مسیر (Protected Routes)
• 30. مدیریت خطا در React Router
• 31. مقدمه‌ای بر ساخت API در React
• 32. استفاده از Fetch API برای درخواست‌های HTTP
• 33. مدیریت پاسخ‌های API
• 34. مدیریت خطاهای API
• 35. استفاده از Axios برای درخواست‌های HTTP
• 36. پیکربندی Axios
• 37. هوک‌های سفارشی در React
• 38. ایجاد هوک‌های سفارشی برای منطق تکراری
• 39. مقدمه‌ای بر تست در React
• 40. تست واحد کامپوننت‌ها با Jest
• 41. تست رندرینگ با React Testing Library
• 42. تست تعاملات کاربر با React Testing Library
• 43. تست هوک‌های سفارشی
• 44. مقدمه‌ای بر استایل‌دهی در React
• 45. استایل‌دهی درون‌خطی (Inline Styling)
• 46. CSS Modules
• 47. Styled Components
• 48. استایل‌دهی با کتابخانه‌های UI
• 49. مقدمه‌ای بر Redux
• 50. مبانی Redux: Store, Actions, Reducers
• 51. نصب و پیکربندی Redux
• 52. اتصال React به Redux با react-redux
• 53. استفاده از useDispatch و useSelector
• 54. Redux Toolkit: معرفی
• 55. مقدمه‌ای بر Slice در Redux Toolkit
• 56. ایجاد Slice با Redux Toolkit
• 57. استفاده از createAsyncThunk برای عملیات ناهمزمان
• 58. مدیریت وضعیت بارگذاری و خطا در Redux
• 59. مقدمه‌ای بر Server-Side Rendering (SSR)
• 60. مزایای SSR در React
• 61. Next.js: فریم‌ورک برای React SSR
• 62. مقدمه‌ای بر Next.js
• 63. نصب و پیکربندی Next.js
• 64. صفحات در Next.js
• 65. لینک‌دهی در Next.js
• 66. API Routes در Next.js
• 67. استفاده از `getStaticProps` برای تولید استاتیک
• 68. استفاده از `getServerSideProps` برای SSR
• 69. مقدمه‌ای بر GraphQL
• 70. چرا GraphQL؟ مقایسه با REST
• 71. مبانی GraphQL: Schema, Queries, Mutations
• 72. استفاده از Apollo Client در React
• 73. پیکربندی Apollo Client
• 74. اجرای Query با Apollo Client
• 75. اجرای Mutation با Apollo Client
• 76. مدیریت وضعیت با Apollo Client
• 77. مقدمه‌ای بر PWA (Progressive Web Apps)
• 78. ویژگی‌های PWA
• 79. ساخت PWA با React
• 80. Service Workers در PWA
• 81. Manifest File در PWA
• 82. استفاده از React Hooks برای PWA
• 83. مقدمه‌ای بر بهینه‌سازی عملکرد در React
• 84. تجزیه و تحلیل عملکرد با React DevTools
• 85. Memoization با useMemo و useCallback
• 86. Code Splitting با React.lazy و Suspense
• 87. استفاده از Virtualization برای لیست‌های طولانی
• 88. مقدمه‌ای بر امنیت در برنامه‌های React
• 89. حفاظت در برابر XSS (Cross-Site Scripting)
• 90. مدیریت توکن‌های احراز هویت
• 91. مقدمه‌ای بر CI/CD (Continuous Integration/Continuous Deployment)
• 92. پیکربندی CI/CD برای پروژه‌های React
• 93. مقدمه‌ای بر TypeScript در React
• 94. مزایای TypeScript
• 95. نوشتن کامپوننت‌ها با TypeScript
• 96. مدیریت Props و State با TypeScript
• 97. استفاده از هوک‌ها با TypeScript
• 98. مقدمه‌ای بر معماری برنامه‌های React
• 99. الگوهای طراحی کامپوننت
• 100. مدیریت وابستگی‌ها در پروژه‌های بزرگ