دوره Typescript: استفاده از Context API در React همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Typescript: استفاده از Context API در React

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

موضوع میانی: تایپ اسکریپت (TypeScript)

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

• 1. مقدمه‌ای بر Context API و کاربرد آن در React
• 2. تفاوت Context API با Props Drilling
• 3. مراحل ایجاد و استفاده از Context در React
• 4. ایجاد یک Context با createContext
• 5. ارسال داده با Provider و مقدار value
• 6. مصرف داده با useContext Hook
• 7. مصرف داده با Consumer Component
• 8. مدیریت State سراسری با Context API
• 9. ترکیب Context با useReducer برای State پیچیده
• 10. ایجاد Multiple Context برای بخش‌های مختلف برنامه
• 11. Context های تو در تو و اولویت دسترسی
• 12. مقادیر پیش‌فرض (default value) در Context
• 13. به‌روزرسانی State از طریق Provider با توابع
• 14. الگوی Context Module Functions
• 15. بهینه‌سازی Performance با Context و memo
• 16. مشکل Re-render در مصرف‌کنندگان Context و راه‌حل‌ها
• 17. جداسازی Provider و State Logic در فایل مجزا
• 18. انتقال تابع‌های مدیریت State به Provider
• 19. ایجاد Custom Hook برای دسترسی به Context
• 20. مدیریت تم (Theme) با Context API
• 21. مدیریت احراز هویت (Authentication) با Context
• 22. Context برای تنظیمات زبان و Localization
• 23. مدیریت وضعیت کاربر و پروفایل با Context
• 24. Context برای سبد خرید (Cart) در فروشگاه
• 25. مدیریت وضعیت فرم‌های پیچیده با Context
• 26. مدیریت وضعیت Notification و Toast با Context
• 27. مدیریت وضعیت Modal و دیالوگ با Context
• 28. اتصال Context به API های خارجی و Fetch داده
• 29. مدیریت Cache و وضعیت داده‌های واکشی شده با Context
• 30. الگوی State Machine ساده با Context و Reducer
• 31. تست Components مصرف‌کننده Context
• 32. تست Provider و State Logic
• 33. Mock کردن Context در تست‌های Unit
• 34. مقایسه Context API با Redux
• 35. مقایسه Context API با Zustand
• 36. مقایسه Context API با Jotai
• 37. موارد مناسب استفاده از Context در مقابل State محلی
• 38. موارد نامناسب استفاده از Context (Over-engineering)
• 39. محدودیت‌های Context API در برنامه‌های بزرگ
• 40. رفع مشکل Nested Provider ها در برنامه
• 41. استفاده از Context در تابع‌های Utility خارج از Component
• 42. مدیریت خطا در Context و Provider
• 43. مهاجرت از Props Drilling به Context
• 44. مهاجرت از Redux به Context API
• 45. بهترین معماری فولدر برای Context ها
• 46. استفاده از TypeScript برای تایپ Context
• 47. تعریف نوع (Type) برای State و Action در Context
• 48. تعریف نوع برای Provider Props
• 49. استفاده از Generic ها در createContext
• 50. کنترل Strict Mode و Context در توسعه
• 51. مدیریت Context با React 18 و Concurrent Features
• 52. پروژه عملی: ساخت داشبورد مدیریت با Context
• 53. پروژه عملی: مدیریت کاربران و احراز هویت
• 54. پروژه عملی: سیستم Theme Switcher پیشرفته
• 55. پروژه عملی: مدیریت سبد خرید چند مرحله‌ای