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

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

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

عنوان دوره: دوره مدیریت بهینهٔ داده‌های سمت سرور با React Query (TanStack Query)

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

موضوع میانی: مدیریت وضعیت در برنامه‌های کاربردی سمت کاربر (Client-side State Management)

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

• 1. مقدمه‌ای بر مدیریت وضعیت سمت سرور در برنامه‌های وب
• 2. مفاهیم کلیدی React Query (TanStack Query)
• 3. نصب و راه‌اندازی اولیه React Query
• 4. اولین Query: دریافت داده از API
• 5. Query Keys: شناسایی و مدیریت داده‌ها
• 6. استفاده از `useQuery` Hook
• 7. تنظیمات پیش‌فرض Query
• 8. تنظیمات پیشرفته Query: `enabled`
• 9. تنظیمات پیشرفته Query: `staleTime`
• 10. تنظیمات پیشرفته Query: `cacheTime`
• 11. تنظیمات پیشرفته Query: `refetchOnWindowFocus`
• 12. تنظیمات پیشرفته Query: `refetchOnMount`
• 13. تنظیمات پیشرفته Query: `refetchInterval`
• 14. دریافت داده‌های پویا با Query Keys
• 15. استفاده از توابع برای Query Keys
• 16. مدیریت Query Keys پیچیده
• 17. مقدمه‌ای بر Mutations
• 18. استفاده از `useMutation` Hook
• 19. اجرای Mutations
• 20. مدیریت نتایج Mutation: `onSuccess`
• 21. مدیریت نتایج Mutation: `onError`
• 22. مدیریت نتایج Mutation: `onSettled`
• 23. Mutation Optimistic Updates
• 24. انواع Mutations: POST, PUT, DELETE
• 25. مدیریت خطا در Queries و Mutations
• 26. استفاده از Error Boundaries
• 27. بازیابی خطاها
• 28. مقدمه‌ای بر Selectors
• 29. استفاده از Selectors برای فیلتر و تبدیل داده
• 30. بهینه‌سازی داده‌ها با Selectors
• 31. مدیریت وضعیت Loading و Error
• 32. نمایش وضعیت‌های مختلف به کاربر
• 33. استفاده از `isLoading`, `isError`, `isSuccess`
• 34. مدیریت داده‌های ناموجود (Undefined)
• 35. استفاده از `initialData`
• 36. استفاده از `placeholderData`
• 37. مقدمه‌ای بر Query Invalidation
• 38. پاک کردن Cache با `queryClient.invalidateQueries`
• 39. اعتبار سنجی Query Keys خاص
• 40. اعتبار سنجی Query Keys با پارامتر
• 41. استفاده از `useQueryClient`
• 42. مدیریت Paginated Queries
• 43. استفاده از `useInfiniteQuery`
• 44. دریافت داده‌های صفحه‌بندی شده
• 45. مدیریت کلیدهای صفحه‌بندی
• 46. بارگذاری صفحات بعدی
• 47. مدیریت وضعیت Loading برای صفحات بعدی
• 48. مدیریت خطاهای صفحات
• 49. مقدمه‌ای بر Mutations و Query Invalidation
• 50. استفاده از Mutations برای به‌روزرسانی داده‌ها
• 51. همگام‌سازی داده‌ها پس از Mutation
• 52. استفاده از `queryClient.setQueryData`
• 53. استفاده از `queryClient.getQueryData`
• 54. اشکال‌زدایی (Debugging) با React Query Devtools
• 55. نصب و استفاده از Devtools
• 56. بررسی وضعیت Queries
• 57. بررسی وضعیت Mutations
• 58. بررسی Cache
• 59. تحلیل عملکرد Query
• 60. ملاحظات امنیتی در مدیریت داده‌های سمت سرور
• 61. اعتبارسنجی ورودی‌ها در سمت سرور
• 62. مدیریت توکن‌های احراز هویت
• 63. استفاده از Interceptors در Axios (یا کتابخانه مشابه)
• 64. مدیریت کوکی‌ها و Session ها
• 65. مقدمه‌ای بر Server-Side Rendering (SSR) با React Query
• 66. پیکربندی React Query برای SSR
• 67. دریافت داده‌ها در سمت سرور
• 68. انتقال داده‌ها به سمت کلاینت
• 69. مدیریت وضعیت در Client-Side Rendering (CSR)
• 70. مقایسه SSR و CSR در مدیریت وضعیت
• 71. مقدمه‌ای بر Pre-fetching
• 72. استفاده از `useQuery` برای Pre-fetching
• 73. استفاده از `queryClient.prefetchQuery`
• 74. استفاده از `queryClient.prefetchInfiniteQuery`
• 75. مدیریت زمان‌بندی Pre-fetching
• 76. مقدمه‌ای بر Hydration
• 77. Hydration داده‌ها در SSR
• 78. Hydration داده‌ها در CSR
• 79. مدیریت خطا در Hydration
• 80. استفاده از `queryClient.clear()`
• 81. مدیریت Query Keys در برنامه‌های بزرگ
• 82. استراتژی‌های نام‌گذاری Query Keys
• 83. استفاده از توابع کمکی برای Query Keys
• 84. مدیریت وابستگی‌های Query
• 85. استفاده از `enabled` برای مدیریت وابستگی‌ها
• 86. استفاده از `select` برای ترکیب داده‌ها
• 87. ملاحظات عملکردی در React Query
• 88. بهینه‌سازی `staleTime` و `cacheTime`
• 89. مدیریت تعداد Query های همزمان
• 90. استفاده از `keepPreviousData`
• 91. مقدمه‌ای بر Custom Hooks با React Query
• 92. ایجاد هوک‌های سفارشی برای Query
• 93. ایجاد هوک‌های سفارشی برای Mutation
• 94. استانداردهای کدنویسی در React Query
• 95. مستندسازی کد
• 96. مدیریت خطا در برنامه‌های کاربردی پیچیده
• 97. استفاده از ابزارهای مانیتورینگ
• 98. آینده React Query و مدیریت وضعیت سمت سرور