فلش‌کارت‌های آموزشی **یادگیری React Query و مقایسهٔ آن با Redux و Axios برای مدیریت داده‌های CRUD**

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

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

عنوان دوره: دوره **یادگیری React Query و مقایسهٔ آن با Redux و Axios برای مدیریت داده‌های CRUD**

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب اپلیکیشن و مدیریت داده
• 2. مبانی توسعهٔ سمت کلاینت
• 3. آشنایی با فریم‌ورک‌های مدرن جاوا اسکریپت
• 4. نیاز به مدیریت وضعیت در برنامه‌های کاربردی
• 5. مفهوم داده‌های CRUD
• 6. مقدمه‌ای بر React Query
• 7. مزایای استفاده از React Query
• 8. نصب و راه‌اندازی اولیه React Query
• 9. اولین درخواست داده با React Query
• 10. مدیریت حالت بارگذاری (Loading State) در React Query
• 11. مدیریت خطاها (Error Handling) در React Query
• 12. نمایش داده‌های دریافت شده
• 13. مفهوم QueryClient و QueryCache
• 14. استفاده از useQuery Hook
• 15. تکنیک‌های Query Invalidation
• 16. به‌روزرسانی داده‌ها با useMutation
• 17. مدیریت حالت‌های مختلف Mutation
• 18. ارسال داده به سرور با Mutations
• 19. مدیریت خطا در Mutations
• 20. تکنیک‌های Pessimistic Updates
• 21. تکنیک‌های Optimistic Updates
• 22. استفاده از Query Keys بهینه
• 23. Query Keys و وابستگی‌ها
• 24. تکنیک‌های Refetching داده‌ها
• 25. Refetch On Mount
• 26. Refetch On Window Focus
• 27. Refetch Interval
• 28. مدیریت داده‌های غیرهمگام (Asynchronous Data)
• 29. مقدمه‌ای بر Redux
• 30. مبانی Redux: State, Actions, Reducers
• 31. نصب و راه‌اندازی Redux
• 32. اتصال Redux به React
• 33. استفاده از useSelector و useDispatch
• 34. مدیریت وضعیت پیچیده با Redux
• 35. مفهوم Redux Toolkit
• 36. مزایای Redux Toolkit
• 37. استفاده از createSlice
• 38. استفاده از createAsyncThunk برای عملیات غیرهمگام
• 39. مدیریت داده‌های CRUD با Redux
• 40. مقایسه React Query و Redux در مدیریت داده
• 41. چه زمانی از React Query استفاده کنیم؟
• 42. چه زمانی از Redux استفاده کنیم؟
• 43. مقدمه‌ای بر Axios
• 44. نصب و راه‌اندازی Axios
• 45. ارسال درخواست‌های GET با Axios
• 46. ارسال درخواست‌های POST با Axios
• 47. ارسال درخواست‌های PUT و DELETE با Axios
• 48. مدیریت خطاها در Axios
• 49. تنظیمات پیش‌فرض Axios
• 50. Interceptor ها در Axios
• 51. استفاده از Axios برای ارتباط با API
• 52. مقایسه React Query و Axios
• 53. ترکیب React Query با Axios
• 54. مدیریت داده‌های CRUD با React Query و Axios
• 55. مثال عملی: ایجاد یک لیست کارها (To-Do List)
• 56. پیاده‌سازی نمایش لیست کارها با React Query
• 57. افزودن آیتم جدید به لیست با React Query
• 58. ویرایش آیتم در لیست با React Query
• 59. حذف آیتم از لیست با React Query
• 60. مدیریت حالت‌های UI در لیست کارها
• 61. پیاده‌سازی لیست کارها با Redux Toolkit
• 62. مدیریت وضعیت لیست کارها در Redux Toolkit
• 63. افزودن، ویرایش و حذف با Redux Toolkit
• 64. استفاده از Redux Toolkit برای عملیات CRUD
• 65. مقایسه پیاده‌سازی لیست کارها با React Query و Redux Toolkit
• 66. آشنایی با مفاهیم پیشرفته React Query
• 67. Pagination با React Query
• 68. Infinite Scrolling با React Query
• 69. Caching و Persistence داده‌ها
• 70. استفاده از Devtools در React Query
• 71. بهینه‌سازی عملکرد برنامه‌های کاربردی
• 72. مدیریت وضعیت در برنامه‌های مقیاس‌پذیر
• 73. انتخاب ابزار مناسب برای مدیریت داده
• 74. اصول طراحی API برای برنامه‌های مدرن
• 75. ملاحظات امنیتی در مدیریت داده‌های سمت کلاینت
• 76. مرور بر الگوهای طراحی رایج در توسعهٔ وب
• 77. بررسی نمونه‌های واقعی از برنامه‌های موفق
• 78. نکات تکمیلی و بهترین شیوه‌ها در React Query
• 79. نکات تکمیلی و بهترین شیوه‌ها در Redux Toolkit
• 80. نکات تکمیلی و بهترین شیوه‌ها در Axios
• 81. جمع‌بندی و جمع‌آوری آموخته‌ها
• 82. مسیر یادگیری و پیشرفت در توسعهٔ وب
• 83. آیندهٔ مدیریت وضعیت در برنامه‌های کاربردی
• 84. کاربرد React Query در پروژه‌های واقعی
• 85. کاربرد Redux Toolkit در پروژه‌های واقعی
• 86. کاربرد Axios در پروژه‌های واقعی
• 87. جمع‌بندی نهایی و گام‌های بعدی