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

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

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

عنوان دوره: دوره بهینه‌سازی مدیریت داده در React با React Query

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

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

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

• 1. آشنایی با مفاهیم کلیدی مدیریت وضعیت در React
• 2. مقدمه‌ای بر React Query: چرا به آن نیاز داریم؟
• 3. نصب و راه‌اندازی اولیه React Query
• 4. اولین کوئری: دریافت داده از API
• 5. ساختار کوئری‌ها و پارامترهای آن‌ها
• 6. مدیریت حالت‌های مختلف کوئری (loading, error, data)
• 7. نکات مهم در نوشتن کوئری‌های کارآمد
• 8. کش کردن داده‌ها و اهمیت آن در React Query
• 9. تنظیمات پیش‌فرض کش و سفارشی‌سازی آن
• 10. اعتبار سنجی داده‌های کش شده (staleTime)
• 11. بازنگری خودکار داده‌ها (refetchOnWindowFocus)
• 12. تنظیمات بازنگری خودکار (refetchInterval)
• 13. مدیریت کوئری‌های دارای وابستگی
• 14. استفاده از select برای تبدیل داده‌های کوئری
• 15. استفاده از pagination در کوئری‌ها
• 16. پیاده‌سازی infinite scrolling با React Query
• 17. مفهوم Mutation در React Query
• 18. انجام عملیات ایجاد (Create) با Mutation
• 19. انجام عملیات به‌روزرسانی (Update) با Mutation
• 20. انجام عملیات حذف (Delete) با Mutation
• 21. مدیریت حالت‌های Mutation (loading, error, data)
• 22. بهینه‌سازی تجربه کاربری با Optimistic Updates
• 23. پیاده‌سازی Optimistic Updates برای عملیات Create
• 24. پیاده‌سازی Optimistic Updates برای عملیات Update
• 25. پیاده‌سازی Optimistic Updates برای عملیات Delete
• 26. مدیریت خطاها در Mutationها
• 27. استفاده از callbacks در Mutationها (onSuccess, onError, onSettled)
• 28. ارتباط بین Query و Mutation
• 29. استفاده از QueryClient برای مدیریت کوئری‌ها و Mutationها
• 30. تنظیمات سراسری React Query
• 31. مدیریت کوئری‌های تودرتو (Nested Queries)
• 32. استفاده از useQueries برای اجرای همزمان چندین کوئری
• 33. استفاده از useMutation برای اجرای همزمان چندین Mutation
• 34. مدیریت کوئری‌های با اولویت (Query Prioritization)
• 35. استفاده از Suspense برای مدیریت حالت‌های بارگذاری
• 36. بهینه‌سازی عملکرد با Code Splitting و React Query
• 37. استفاده از React Query در پروژه‌های بزرگ
• 38. ملاحظات امنیتی در مدیریت داده با React Query
• 39. اصول طراحی API سازگار با React Query
• 40. معماری برنامه‌های کاربردی وب مدرن
• 41. نقش مدیریت وضعیت در معماری MVP
• 42. مفاهیم کلیدی در معماری Hexagonal
• 43. طراحی لایه‌های مختلف برنامه (Presentation, Application, Domain, Infrastructure)
• 44. ارتباط بین لایه‌ها و جریان داده
• 45. اصول SOLID در طراحی نرم‌افزار
• 46. پیاده‌سازی الگوهای طراحی در React
• 47. الگوی Observer و کاربرد آن
• 48. الگوی Factory و کاربرد آن
• 49. الگوی Strategy و کاربرد آن
• 50. الگوی Decorator و کاربرد آن
• 51. الگوهای مدیریت وضعیت در React (Context API, Redux, Zustand)
• 52. مقایسه React Query با سایر کتابخانه‌های مدیریت وضعیت
• 53. انتخاب ابزار مناسب برای مدیریت وضعیت
• 54. مبانی توسعهٔ Back-end با Node.js
• 55. معرفی Express.js و ساختار آن
• 56. اصول RESTful API Design
• 57. پیاده‌سازی CRUD با Express.js
• 58. اتصال به پایگاه داده (MongoDB)
• 59. مدیریت User Authentication و Authorization
• 60. استفاده از JWT برای احراز هویت
• 61. مفاهیم اولیه GraphQL
• 62. مقایسه GraphQL با REST
• 63. نوشتن Schema در GraphQL
• 64. پیاده‌سازی Query و Mutation در GraphQL
• 65. مقدمه‌ای بر Server-Side Rendering (SSR)
• 66. مزایای SSR در بهبود SEO و عملکرد
• 67. پیاده‌سازی SSR با Next.js
• 68. تنظیمات اولیه Next.js
• 69. مسیریابی (Routing) در Next.js
• 70. مدیریت داده در Next.js با React Query
• 71. استفاده از getStaticProps برای تولید صفحات ایستا
• 72. استفاده از getServerSideProps برای رندر سمت سرور
• 73. بهینه‌سازی تصاویر در Next.js
• 74. مدیریت فرم‌ها در Next.js
• 75. استفاده از hooks سفارشی در React
• 76. تست واحد (Unit Testing) کامپوننت‌های React
• 77. تست یکپارچه‌سازی (Integration Testing)
• 78. تست E2E با Cypress
• 79. اصول CI/CD (Continuous Integration/Continuous Deployment)
• 80. پیاده‌سازی CI/CD برای پروژه‌های React
• 81. مقدمه‌ای بر TypeScript
• 82. مزایای استفاده از TypeScript
• 83. انواع داده‌ها در TypeScript
• 84. تعریف Interface و Type در TypeScript
• 85. استفاده از Generics در TypeScript
• 86. مدیریت Context و State در TypeScript
• 87. اصول برنامه‌نویسی تابعی (Functional Programming)
• 88. کاربرد توابع مرتبه بالا (Higher-Order Functions)
• 89. مفهوم Immutability و اهمیت آن
• 90. مدیریت رویدادها در React با رویکرد تابعی
• 91. نکات پیشرفته در React Query
• 92. مدیریت کوئری‌های با زمان انقضای طولانی
• 93. استفاده از Web Workers برای عملیات سنگین
• 94. بهینه‌سازی بارگذاری اولیه برنامه
• 95. مدیریت داده‌های حساس و امنیتی
• 96. اصول طراحی رابط کاربری (UI Design Principles)
• 97. مقدمه‌ای بر اصول تجربه کاربری (UX Design Principles)
• 98. طراحی معماری قابل توسعه و نگهداری
• 99. مبانی معماری میکروسرویس‌ها
• 100. چالش‌های ارتباط بین میکروسرویس‌ها