فلش‌کارت‌های آموزشی مبانی و مدیریت وضعیت در React

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

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

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

موضوع کلی: فناوری اطلاعات و ارتباطات

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

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

• 1. مقدمه‌ای بر فناوری اطلاعات و ارتباطات
• 2. آشنایی با مفاهیم پایه توسعه نرم‌افزار
• 3. معرفی زبان برنامه‌نویسی جاوا اسکریپت
• 4. مبانی جاوا اسکریپت مدرن (ES6+)
• 5. ساختار داده‌ها در جاوا اسکریپت
• 6. الگوریتم‌های پایه و کاربرد آن‌ها
• 7. معرفی چارچوب‌های توسعه وب
• 8. چرا React؟ مزایا و ویژگی‌ها
• 9. نصب و راه‌اندازی محیط توسعه React
• 10. اولین کامپوننت React: Hello World
• 11. ساختار پروژه React
• 12. JSX: نحو و کاربرد
• 13. کامپوننت‌های تابعی (Functional Components)
• 14. کامپوننت‌های کلاسی (Class Components)
• 15. Props: انتقال داده به کامپوننت‌ها
• 16. State: مدیریت وضعیت داخلی کامپوننت
• 17. تغییر وضعیت در کامپوننت‌های تابعی (useState)
• 18. تغییر وضعیت در کامپوننت‌های کلاسی
• 19. رویدادها و مدیریت آن‌ها در React
• 20. لیست‌ها و کلیدها (Keys) در React
• 21. شرطی‌سازی رندرینگ (Conditional Rendering)
• 22. فرم‌ها و ورودی‌ها در React
• 23. کنترل فرم‌ها در React
• 24. کار با API ها و دریافت داده‌ها
• 25. Fetch API در React
• 26. Async/Await برای درخواست‌های ناهمگام
• 27. مدیریت خطا در درخواست‌های API
• 28. Hooks در React: معرفی و چرایی
• 29. Hook سفارشی (Custom Hooks)
• 30. Context API: مدیریت وضعیت سراسری
• 31. استفاده از Context API
• 32. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 33. مقدمه‌ای بر Redux
• 34. نصب و راه‌اندازی Redux
• 35. مفاهیم Redux: State, Action, Reducer
• 36. اتصال React به Redux
• 37. Dispatching Actions
• 38. Selectors برای خواندن وضعیت از Redux
• 39. Redux Toolkit: ساده‌سازی Redux
• 40. مقدمه‌ای بر Thunks و Sagas
• 41. مدیریت اثرات جانبی (Side Effects) با Thunks
• 42. مدیریت اثرات جانبی با Sagas
• 43. مقدمه‌ای بر MobX
• 44. مقایسه Redux و MobX
• 45. استفاده از MobX در React
• 46. مقدمه‌ای بر Zustand
• 47. استفاده از Zustand در React
• 48. مقدمه‌ای بر Recoil
• 49. استفاده از Recoil در React
• 50. مقدمه‌ای بر Jotai
• 51. استفاده از Jotai در React
• 52. مقایسه روش‌های مدیریت وضعیت
• 53. انتخاب ابزار مناسب مدیریت وضعیت
• 54. طراحی کامپوننت‌های قابل استفاده مجدد
• 55. الگوهای طراحی کامپوننت (Component Patterns)
• 56. مدیریت استایل در React
• 57. CSS Modules
• 58. Styled Components
• 59. Tailwind CSS در React
• 60. کتابخانه‌های UI در React
• 61. Material-UI (MUI)
• 62. Ant Design
• 63. Bootstrap برای React
• 64. آزمون‌نویسی (Testing) کامپوننت‌های React
• 65. مقدمه‌ای بر Jest و React Testing Library
• 66. نوشتن تست برای کامپوننت‌های تابعی
• 67. نوشتن تست برای کامپوننت‌های کلاسی
• 68. تست‌های یکپارچه‌سازی (Integration Tests)
• 69. مقدمه‌ای بر React Router
• 70. پیکربندی React Router
• 71. مسیردهی پویا (Dynamic Routing)
• 72. پارامترهای مسیر (Route Parameters)
• 73. ناوبری (Navigation) در React Router
• 74. مقدمه‌ای بر Server-Side Rendering (SSR)
• 75. Next.js: چارچوب SSR و SSG
• 76. مزایای SSR و SSG
• 77. مقدمه‌ای بر Static Site Generation (SSG)
• 78. بهینه‌سازی عملکرد در React
• 79. Memoization در React (React.memo)
• 80. Callback Hooks (useCallback)
• 81. Value Hooks (useMemo)
• 82. Lazy Loading کامپوننت‌ها
• 83. Code Splitting
• 84. مدیریت فرم‌های پیچیده
• 85. کتابخانه‌های مدیریت فرم (Formik, React Hook Form)
• 86. اعتبارسنجی (Validation) فرم‌ها
• 87. مقدمه‌ای بر GraphQL
• 88. Apollo Client برای React
• 89. کار با GraphQL در React
• 90. امنیت در برنامه‌های React
• 91. مدیریت احراز هویت (Authentication)
• 92. مدیریت مجوزها (Authorization)
• 93. اصول توسعه نرم‌افزار امن
• 94. مقدمه‌ای بر CI/CD در React
• 95. استقرار (Deployment) برنامه‌های React
• 96. بهترین شیوه‌ها در توسعه React
• 97. ساختاردهی پروژه‌های بزرگ React
• 98. مدیریت وابستگی‌ها (Dependencies)
• 99. مقدمه‌ای بر TypeScript در React
• 100. استفاده از TypeScript با React