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

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

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

عنوان دوره: دوره مدیریت وضعیت پیشرفته در React با Redux و GraphQL

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

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

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

• 1. مبانی React و کامپوننت‌ها
• 2. JSX و سینتکس آن
• 3. مدیریت رویدادها در React
• 4. State و Props در React
• 5. چرخه عمر کامپوننت‌ها
• 6. هوک‌های React: useState
• 7. هوک‌های React: useEffect
• 8. هوک‌های React: useContext
• 9. هوک‌های React: useReducer
• 10. هوک‌های React: useRef
• 11. هوک‌های React: useCallback و useMemo
• 12. معرفی Redux
• 13. اصول Redux: State، Action، Reducer
• 14. ساختار Redux Toolkit
• 15. ایجاد Store در Redux Toolkit
• 16. تعریف Reducer با Redux Toolkit
• 17. Dispatch کردن Actionها
• 18. اتصال React به Redux
• 19. استفاده از useSelector برای خواندن State
• 20. استفاده از useDispatch برای dispatch کردن Action
• 21. مدیریت State پیچیده با Redux
• 22. Middleware در Redux: Thunk
• 23. پیاده‌سازی Thunk برای درخواست‌های آسنکرون
• 24. معرفی GraphQL
• 25. مفاهیم پایه GraphQL: Schema، Types، Queries
• 26. نوشتن Query در GraphQL
• 27. نوشتن Mutation در GraphQL
• 28. Subscription در GraphQL
• 29. اتصال React به GraphQL
• 30. کتابخانه‌های کلاینت GraphQL برای React
• 31. Apollo Client
• 32. Apollo Hooks
• 33. مدیریت State در GraphQL
• 34. Cache در Apollo Client
• 35. مدیریت خطا در Apollo Client
• 36. پیاده‌سازی احراز هویت در React با Redux و GraphQL
• 37. توکن‌های JWT
• 38. ذخیره‌سازی امن توکن‌ها
• 39. پیاده‌سازی لاگین و ثبت‌نام
• 40. مدیریت دسترسی‌ها
• 41. بررسی Roleها و Permissionها
• 42. ساخت فرم‌های پیچیده در React
• 43. اعتبارسنجی فرم‌ها
• 44. مدیریت State فرم‌ها
• 45. استفاده از Formik و Yup
• 46. بهینه‌سازی کامپوننت‌های React
• 47. Code Splitting
• 48. Lazy Loading
• 49. React.memo و useCallback
• 50. Performance Profiling
• 51. ابزارهای DevTools React
• 52. مدیریت state برای داده‌های سمت سرور
• 53. Fetching Data با Redux Toolkit Query
• 54. Caching در Redux Toolkit Query
• 55. Pagination
• 56. Infinite Scrolling
• 57. Real-time Updates با GraphQL Subscriptions
• 58. پیاده‌سازی چت اپلیکیشن
• 59. مدیریت نوتیفیکیشن‌ها
• 60. تست نویسی در React
• 61. تست واحد کامپوننت‌ها
• 62. تست یکپارچگی
• 63. تست End-to-End
• 64. Jest و React Testing Library
• 65. Mocking API Requests
• 66. الگوهای طراحی در React
• 67. Container/Presentational Components
• 68. Higher-Order Components (HOCs)
• 69. Render Props
• 70. Custom Hooks
• 71. معماری برنامه‌های بزرگ React
• 72. مدیریت وابستگی‌ها
• 73. Package Managers: npm و Yarn
• 74. Build Tools: Webpack و Vite
• 75. Configuration Webpack
• 76. Optimization Webpack
• 77. Deployment برنامه‌های React
• 78. Static Site Generation (SSG)
• 79. Server-Side Rendering (SSR)
• 80. Next.js برای SSR و SSG
• 81. معرفی Nuxt.js (اگر مرتبط باشد)
• 82. امنیت در برنامه‌های وب React
• 83. Cross-Site Scripting (XSS) Prevention
• 84. Cross-Site Request Forgery (CSRF) Prevention
• 85. Input Validation
• 86. Rate Limiting
• 87. Best Practices برای امنیت
• 88. الگوهای داده در GraphQL
• 89. Fragmentها
• 90. Aliases
• 91. Input Types
• 92. Directives
• 93. Schema Stitching
• 94. Federation
• 95. Resolvers در GraphQL
• 96. Custom Resolvers
• 97. Type Resolvers
• 98. Error Handling in Resolvers
• 99. Authentication in Resolvers
• 100. Authorization in Resolvers