فلش‌کارت‌های آموزشی TypeScript for React Developers: Building Type-Safe and Scalable Components

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

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

عنوان دوره: دوره TypeScript for React Developers: Building Type-Safe and Scalable Components

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

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

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

• 1. مقدمه‌ای بر TypeScript و مزایای آن برای توسعه‌دهندگان React
• 2. تنظیم محیط توسعه برای پروژه TypeScript و React
• 3. مفاهیم پایه TypeScript: انواع داده، توابع و اشیاء
• 4. تعریف و استفاده از Interface و Type Alias
• 5. انواع پیشرفته: Union, Intersection, Literal و Generics
• 6. نوع‌دهی Props در کامپوننت‌های React
• 7. تعریف State با TypeScript در کامپوننت‌های کلاسی و تابعی
• 8. نوع‌دهی Event Handler ها در React
• 9. مدیریت Ref ها با TypeScript
• 10. نوع‌دهی Context API و Provider
• 11. نوع‌دهی Custom Hooks
• 12. نوع‌دهی Higher-Order Components (HOC)
• 13. نوع‌دهی Render Props
• 14. کار با کتابخانه React Router و نوع‌دهی مسیرها
• 15. نوع‌دهی Redux و Redux Toolkit در React
• 16. مدیریت انواع اشتراکی (Shared Types) در پروژه
• 17. نوع‌دهی API Calls با استفاده از Axios یا Fetch
• 18. کار با Generics در کامپوننت‌های قابل استفاده مجدد
• 19. نوع‌دهی Form ها و Validation
• 20. نوع‌دهی Children و ReactNode
• 21. نوع‌دهی Props Spread و Rest Parameters
• 22. نوع‌دهی Component Props با استفاده از ComponentProps
• 23. نوع‌دهی ForwardRef و useImperativeHandle
• 24. نوع‌دهی Portal ها و کامپوننت‌های سطح بالا
• 25. استفاده از Utility Types در React (Partial, Pick, Omit, Record)
• 26. نوع‌دهی State پیچیده با Reducer و useReducer
• 27. نوع‌دهی Action ها و Dispatch در Reducer
• 28. نوع‌دهی Selector ها و Reselect
• 29. نوع‌دهی Middleware در Redux (Thunk, Saga)
• 30. نوع‌دهی React Query یا SWR برای داده‌های سمت سرور
• 31. نوع‌دهی Error Boundary و Fallback UI
• 32. نوع‌دهی کامپوننت‌های Lazy Load و Suspense
• 33. نوع‌دهی کامپوننت‌های Controlled و Uncontrolled
• 34. نوع‌دهی Props با استفاده از Polymorphic Components
• 35. نوع‌دهی کامپوننت‌های با Generic Children
• 36. نوع‌دهی کامپوننت‌های با Generic Props
• 37. نوع‌دهی کامپوننت‌های با Generic State
• 38. نوع‌دهی کامپوننت‌های با Generic Context
• 39. نوع‌دهی کامپوننت‌های با Generic Reducer
• 40. نوع‌دهی کامپوننت‌های با Generic Hooks
• 41. نوع‌دهی کامپوننت‌های با Generic Selectors
• 42. نوع‌دهی کامپوننت‌های با Generic Actions
• 43. نوع‌دهی Props با استفاده از Discriminated Unions
• 44. نوع‌دهی Props با استفاده از Template Literal Types
• 45. نوع‌دهی Props با استفاده از Conditional Types
• 46. نوع‌دهی Props با استفاده از Mapped Types
• 47. نوع‌دهی Props با استفاده از Infer در Conditional Types
• 48. نوع‌دهی Props با استفاده از keyof و typeof
• 49. نوع‌دهی Props با استفاده از as const و const assertions
• 50. نوع‌دهی Props با استفاده از satisfies
• 51. نوع‌دهی Props با استفاده از Branded Types
• 52. نوع‌دهی Props با استفاده از Nominal Typing
• 53. بهینه‌سازی نوع‌دهی برای کامپوننت‌های Scalable
• 54. تست کامپوننت‌های React با TypeScript (Jest و Testing Library)
• 55. استفاده از ESLint و Prettier با قوانین TypeScript
• 56. رفع خطاهای رایج TypeScript در پروژه React
• 57. مهاجرت تدریجی یک پروژه React از JavaScript به TypeScript
• 58. مدیریت وابستگی‌های تایپ (DefinitelyTyped) در پروژه
• 59. نوع‌دهی کتابخانه‌های شخص ثالث در React
• 60. نوع‌دهی Styled Components یا Emotion با TypeScript
• 61. نوع‌دهی CSS Modules و Sass در React
• 62. نوع‌دهی کامپوننت‌های انیمیشن (Framer Motion)
• 63. نوع‌دهی Drag and Drop (React DnD)
• 64. نوع‌دهی کامپوننت‌های جدول و لیست مجازی
• 65. نوع‌دهی کامپوننت‌های نمودار و چارت
• 66. نوع‌دهی کامپوننت‌های نقشه (Map)
• 67. نوع‌دهی کامپوننت‌های ویرایشگر متن (Rich Text Editor)
• 68. نوع‌دهی کامپوننت‌های تاریخ و زمان (Date Picker)
• 69. نوع‌دهی کامپوننت‌های آپلود فایل
• 70. نوع‌دهی کامپوننت‌های Modal و Dialog
• 71. نوع‌دهی کامپوننت‌های Tooltip و Popover
• 72. نوع‌دهی کامپوننت‌های Tab و Accordion
• 73. نوع‌دهی کامپوننت‌های Carousel و Slider
• 74. نوع‌دهی کامپوننت‌های Pagination
• 75. نوع‌دهی کامپوننت‌های Infinite Scroll
• 76. نوع‌دهی کامپوننت‌های Search و AutoComplete
• 77. نوع‌دهی کامپوننت‌های Notification و Toast
• 78. نوع‌دهی کامپوننت‌های Breadcrumb و Navigation
• 79. نوع‌دهی کامپوننت‌های Stepper و Wizard
• 80. نوع‌دهی کامپوننت‌های Rating و Star
• 81. نوع‌دهی کامپوننت‌های Progress Bar و Spinner
• 82. نوع‌دهی کامپوننت‌های Skeleton Loading
• 83. نوع‌دهی کامپوننت‌های Responsive و Adaptive
• 84. نوع‌دهی کامپوننت‌های Accessibility (Aria)
• 85. نوع‌دهی کامپوننت‌های Internationalization (i18n)
• 86. بهترین روش‌ها برای نگهداری و توسعه کامپوننت‌های TypeScript در تیم