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

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

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

عنوان دوره: دوره React Query: مدیریت هوشمند داده برای وب‌اپلیکیشن‌های پویا

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن و نیاز به مدیریت داده
• 2. مفاهیم کلیدی در برنامه‌های کاربردی وب پویا
• 3. معرفی React Query: کتابخانه‌ای برای مدیریت وضعیت سرور
• 4. چرا React Query؟ مزایا و کاربردها
• 5. نصب و راه‌اندازی اولیه React Query
• 6. مبانی QueryClient و QueryCache
• 7. اولین Query: دریافت داده از API
• 8. Query Keys: اصول نام‌گذاری و مدیریت
• 9. استفاده از `useQuery` برای دریافت داده
• 10. مدیریت وضعیت‌های Query: loading, error, success
• 11. نمایش داده‌ها بر اساس وضعیت Query
• 12. مدیریت خطاها و نمایش پیام‌های خطای کاربرپسند
• 13. استفاده از `enabled` برای فعال/غیرفعال کردن Query
• 14. تنظیمات پیش‌فرض QueryClient
• 15. تنظیمات Query خاص: `staleTime` و `cacheTime`
• 16. مفهوم Stale Data و Refetching
• 17. Refetching خودکار: در فواصل زمانی و در فوکوس
• 18. Refetching دستی با `refetch`
• 19. تنظیمات `refetchOnWindowFocus` و `refetchInterval`
• 20. استفاده از `useMutation` برای تغییر داده‌ها
• 21. عملیات CRUD با `useMutation`
• 22. مدیریت وضعیت‌های Mutation: loading, error, success
• 23. مدیریت موفقیت Mutation و به‌روزرسانی داده‌های Query
• 24. مدیریت خطا در Mutation
• 25. استفاده از `onSuccess` و `onError` در Mutation
• 26. استفاده از `onSettled` در Mutation
• 27. Mutations متوالی و وابستگی آن‌ها
• 28. استفاده از `useQueries` برای دریافت چندین Query
• 29. استفاده از `useInfiniteQuery` برای داده‌های صفحه‌بندی شده
• 30. بارگذاری داده‌های بیشتر در `useInfiniteQuery`
• 31. مدیریت وضعیت‌های `useInfiniteQuery`
• 32. تنظیمات `getNextPageParam` و `getPreviousPageParam`
• 33. به‌روزرسانی داده‌ها در `useInfiniteQuery`
• 34. استفاده از Selectors برای تبدیل داده‌های Query
• 35. نوشتن Selectors سفارشی
• 36. کاربرد Selectors در نمایش داده‌ها
• 37. استفاده از `queryFn` با توابع Async
• 38. مدیریت پارامترها در `queryFn`
• 39. استفاده از `queryKey` با آرایه‌ها و اشیاء
• 40. Query Keys پویا و وابسته به پارامترها
• 41. استفاده از `placeholderData`
• 42. استفاده از `initialData`
• 43. مدیریت داده‌های اولیه و بارگذاری تدریجی
• 44. استفاده از `keepPreviousData`
• 45. استفاده از `suspense` برای تجربه کاربری بهتر
• 46. مفهوم Server Components و React Query
• 47. سازگاری React Query با Server Components
• 48. مدیریت داده در Server Components با React Query
• 49. استفاده از `Hydrate` و `Dehydrate`
• 50. ذخیره‌سازی و بازیابی داده‌های Query از طریق سرور
• 51. استفاده از `prefetchQuery` و `prefetchInfiniteQuery`
• 52. پیش‌بارگذاری داده‌ها برای بهبود عملکرد
• 53. مدیریت خطا در پیش‌بارگذاری داده‌ها
• 54. استفاده از React Query Devtools
• 55. اشکال‌زدایی و بررسی وضعیت Queryها با Devtools
• 56. تحلیل عملکرد Queryها با Devtools
• 57. مدیریت Queryها در مقیاس بزرگ
• 58. استراتژی‌های نام‌گذاری Query Keys در پروژه‌های بزرگ
• 59. سازماندهی Queryها و Mutations
• 60. تست‌نویسی برای Queryها و Mutations
• 61. استفاده از Jest و React Testing Library
• 62. تست سناریوهای مختلف بارگذاری و خطا
• 63. تست سناریوهای Mutation و به‌روزرسانی داده‌ها
• 64. ملاحظات امنیتی در مدیریت داده
• 65. اعتبارسنجی داده‌های ورودی و خروجی
• 66. مدیریت صحیح توکن‌های احراز هویت
• 67. پروتکل‌های ارتباطی امن (HTTPS)
• 68. ملاحظات مربوط به حریم خصوصی داده‌ها
• 69. استانداردهای کدنویسی تمیز در React Query
• 70. استفاده از توابع کمکی برای `queryFn`
• 71. نکات و ترفندهای پیشرفته در React Query
• 72. بهینه‌سازی عملکرد با استفاده از `structuralSharing`
• 73. مدیریت داده‌های پیچیده و ساختارهای تودرتو
• 74. استفاده از `queryClient.setQueryData` و `queryClient.setMutationDefaults`
• 75. مدیریت وضعیت‌های سفارشی در React Query
• 76. ادغام React Query با State Managementهای دیگر
• 77. کاربرد React Query در Progressive Web Apps (PWAs)
• 78. استفاده از Service Workers با React Query
• 79. مدیریت داده‌های آفلاین
• 80. ملاحظات مربوط به دسترس‌پذیری (Accessibility)
• 81. طراحی رابط کاربری کاربرپسند با React Query
• 82. آینده React Query و نقش آن در اکوسیستم React
• 83. جمع‌بندی و بهترین شیوه‌ها در استفاده از React Query
• 84. مرور جامع بر مفاهیم کلیدی React Query
• 85. پروژه‌های عملی برای تثبیت آموخته‌ها
• 86. ساخت یک داشبورد پویا با React Query
• 87. پیاده‌سازی یک سیستم مدیریت محتوا با React Query
• 88. ساخت یک اپلیکیشن چت با React Query
• 89. بررسی موارد استفاده واقعی و چالش‌های رایج
• 90. نکات پایانی برای توسعه‌دهندگان React Query
• 91. منابع تکمیلی و مستندات رسمی React Query
• 92. گام‌های بعدی در مسیر یادگیری React Query