دوره مسیریابی پیشرفته در اپلیکیشن‌های React با React Router v6 همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره مسیریابی پیشرفته در اپلیکیشن‌های React با React Router v6

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

موضوع میانی: کتابخانه‌ها و فریم‌ورک‌های جاوااسکریپت

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

• 1. مبانی توسعهٔ وب مدرن
• 2. مقدمه‌ای بر اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 3. معرفی React و مفاهیم پایه
• 4. نصب و راه‌اندازی محیط توسعه React
• 5. ساختار پروژه React
• 6. کامپوننت‌های تابعی و کلاس
• 7. مدیریت وضعیت (State) در کامپوننت‌ها
• 8. مدیریت props در کامپوننت‌ها
• 9. رویدادها در React
• 10. شرطی‌سازی رندرینگ
• 11. لیست‌ها و کلیدها در React
• 12. فرم‌ها در React
• 13. هوک‌های React (useState, useEffect)
• 14. هوک‌های سفارشی
• 15. مقدمه‌ای بر React Router
• 16. چرا به مسیریابی نیاز داریم؟
• 17. نصب React Router
• 18. پیکربندی اولیه React Router
• 19. کامپوننت BrowserRouter
• 20. کامپوننت Routes
• 21. کامپوننت Route
• 22. نحوهٔ تعریف مسیرهای پایه
• 23. تعریف مسیرهای تو در تو
• 24. کامپوننت Link
• 25. نحوهٔ ناوبری بین مسیرها
• 26. پارامترهای مسیر (Route Parameters)
• 27. استفاده از پارامترها در کامپوننت‌ها
• 28. مسیرهای پویا
• 29. پارامترهای کوئری (Query Parameters)
• 30. استفاده از پارامترهای کوئری
• 31. کامپوننت useLocation
• 32. کامپوننت useNavigate
• 33. ناوبری برنامه‌ریزی‌شده
• 34. بازگشت به عقب (Navigate Back)
• 35. ناوبری به مسیرهای نسبی
• 36. کامپوننت Outlet
• 37. مسیرهای تو در تو با Outlet
• 38. طراحی رابط کاربری برای مسیرهای تو در تو
• 39. مدیریت خطای مسیر (404 Not Found)
• 40. کامپوننت NotFound
• 41. طراحی صفحهٔ 404
• 42. مسیرهای محافظت‌شده (Protected Routes)
• 43. منطق احراز هویت کاربر
• 44. پیاده‌سازی Protected Routes
• 45. استفاده از Context API برای احراز هویت
• 46. مدیریت وضعیت احراز هویت
• 47. انتقال وضعیت احراز هویت به کامپوننت‌های فرزند
• 48. مسیریابی با داده‌های احراز هویت
• 49. کامپوننت useSearchParams
• 50. مدیریت پارامترهای کوئری با useSearchParams
• 51. استفاده از Link با پارامترهای کوئری
• 52. استفاده از useNavigate برای تنظیم پارامترهای کوئری
• 53. تغییر دینامیک پارامترهای کوئری
• 54. مسیرهای شرطی
• 55. مسیریابی مبتنی بر نقش کاربر
• 56. مسیرهای اداری
• 57. مسیرهای کاربری
• 58. مسیرهای عمومی
• 59. انتقال داده بین مسیرها (Props)
• 60. استفاده از state در useNavigate
• 61. بازیابی state از useLocation
• 62. پیچیدگی‌های انتقال داده
• 63. کاتالوگ محصولات (مثال عملی)
• 64. صفحهٔ لیست محصولات
• 65. صفحهٔ جزئیات محصول
• 66. فیلتر کردن محصولات بر اساس پارامترهای کوئری
• 67. مرتب‌سازی محصولات
• 68. صفحه‌بندی محصولات
• 69. ناوبری در لیست محصولات
• 70. مدیریت وضعیت بارگذاری داده‌ها
• 71. مدیریت خطا در بارگذاری داده‌ها
• 72. کامپوننت‌های کاملاً واکنش‌گرا
• 73. طراحی ریسپانسیو برای مسیرهای مختلف
• 74. بهینه‌سازی عملکرد مسیریابی
• 75. بارگذاری تنبل (Lazy Loading) کامپوننت‌ها
• 76. استفاده از React.lazy و Suspense
• 77. کاتالوگ مقالات (مثال عملی)
• 78. صفحهٔ لیست مقالات
• 79. صفحهٔ جزئیات مقاله
• 80. ناوبری بین مقالات
• 81. جستجو در مقالات
• 82. دسته‌بندی مقالات
• 83. مدیریت وضعیت خواندن مقاله
• 84. تست مسیریابی با Jest و React Testing Library
• 85. نوشتن تست برای کامپوننت‌های مسیریابی
• 86. شبیه‌سازی ناوبری در تست‌ها
• 87. تست صفحات محافظت‌شده
• 88. دیباگ کردن مشکلات مسیریابی
• 89. بهترین شیوه‌ها در React Router v6
• 90. ساختاردهی مجدد کد برای مسیریابی
• 91. استفاده از ابزارهای توسعهٔ React Router
• 92. جمع‌بندی و آیندهٔ React Router