فلش‌کارت‌های آموزشی Type-safe React با TypeScript: ساخت کامپوننت‌های قابل اعتماد

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

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

عنوان دوره: دوره Type-safe React با TypeScript: ساخت کامپوننت‌های قابل اعتماد

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

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

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

• 1. مقدمه‌ای بر TypeScript و نقش آن در React
• 2. تنظیم محیط توسعه برای React و TypeScript
• 3. تفاوت‌های کلیدی TypeScript با JavaScript در پروژه‌های React
• 4. نوع‌دهی Props در کامپوننت‌های تابعی
• 5. تعریف و استفاده از Interface و Type
• 6. نوع‌دهی State در useState
• 7. مدیریت رویدادها با تایپ‌های صحیح
• 8. تایپ EventHandler‌های رایج (onClick, onChange, onSubmit)
• 9. استفاده از Generic‌ها در کامپوننت‌های React
• 10. تایپ Ref‌ها با useRef
• 11. تایپ Context و Provider در React
• 12. تایپ Reducer در useReducer
• 13. کامپوننت‌های کنترل‌شده و غیرکنترل‌شده با تایپ
• 14. تایپ Props کودکان با ReactNode و ReactElement
• 15. تایپ توابع به عنوان Props (Callback Props)
• 16. تایپ کامپوننت‌های مرتبه بالاتر (HOC)
• 17. تایپ Render Props
• 18. تایپ کامپوننت‌های دارای Overload Props (Union Props)
• 19. تایپ forwardRef و کامپوننت‌های Ref-forwarding
• 20. تایپ Portal‌ها در React
• 21. تایپ Error Boundaries
• 22. تایپ Suspense و Lazy Loading
• 23. تایپ کامپوننت‌های async و Data Fetching
• 24. تایپ Custom Hooks
• 25. تایپ useMemo و useCallback
• 26. تایپ useLayoutEffect
• 27. تایپ useImperativeHandle
• 28. تایپ useDebugValue
• 29. تایپ کلیدهای داینامیک در آبجکت‌ها
• 30. تایپ آرایه‌ها و تاپل‌ها در State
• 31. تایپ Enum‌ها و Literal Types در Props
• 32. تایپ توابع ناهمگام (Async Functions)
• 33. تایپ پاسخ API و مدلسازی داده
• 34. تایپ خطاها در try-catch با TypeScript
• 35. تایپ Redux Toolkit با React
• 36. تایپ React Router (useParams, useNavigate, Link)
• 37. تایپ کامپوننت‌های استایل‌شده با Styled Components و CSS Modules
• 38. تایپ Formik یا React Hook Form
• 39. تایپ دیتابیس‌های محلی مانند IndexedDB
• 40. تایپ کتابخانه‌های شخص ثالث (DefinitelyTyped)
• 41. تایپ Props با استفاده از Utility Types (Partial, Pick, Omit)
• 42. تایپ Conditional Types در کامپوننت‌ها
• 43. تایپ Mapped Types برای Props
• 44. تایپ Template Literal Types در نام Props
• 45. تایپ Discriminated Unions برای State پیچیده
• 46. تایپ اینترفیس‌های قابل گسترش (Extending Interfaces)
• 47. تایپ Generic Constraints با extends
• 48. تایپ کامپوننت‌های پلی‌مورفیک (Polymorphic Components)
• 49. تایپ کامپوننت‌های دینامیک با Record و Union
• 50. تایپ EventEmitter یا Pub/Sub در React
• 51. تایپ WebSocket و SSE در کامپوننت‌ها
• 52. تایپ LocalStorage و SessionStorage
• 53. تایپ تایمرها (setTimeout, setInterval) با TypeScript
• 54. تایپ Intersection Observer برای infinite scroll
• 55. تایپ Resize Observer برای کامپوننت‌های واکنش‌گرا
• 56. تایپ Mutation Observer برای DOM تغییرات
• 57. تایپ Web Workers در React
• 58. تایپ Service Workers برای PWA
• 59. تایپ testing-library با TypeScript
• 60. تایپ Jest و React Testing Library
• 61. تایپ Cypress یا Playwright برای تست E2E
• 62. تایپ Storybook برای مستندسازی کامپوننت
• 63. تایپ ESLint و Prettier در پروژه TypeScript
• 64. تایپ کامپوننت‌های جدول و لیست با Data Grid
• 65. تایپ کامپوننت‌های فرم پیچیده با Nested Objects
• 66. تایپ کامپوننت‌های Drag and Drop
• 67. تایپ کامپوننت‌های Chart و Visualization
• 68. تایپ کامپوننت‌های Modal و Dialog
• 69. تایپ کامپوننت‌های Tooltip و Popover
• 70. تایپ کامپوننت‌های Tabs و Accordion
• 71. تایپ کامپوننت‌های Carousel و Slider
• 72. تایپ کامپوننت‌های Tree View و Hierarchical Data
• 73. تایپ کامپوننت‌های Virtualized List (react-window)
• 74. تایپ کامپوننت‌های Autocomplete و Search
• 75. تایپ کامپوننت‌های Date Picker و Calendar
• 76. تایپ کامپوننت‌های Rich Text Editor
• 77. تایپ کامپوننت‌های نقشه (Map) با Leaflet یا Google Maps
• 78. تایپ کامپوننت‌های Video و Audio Player
• 79. تایپ کامپوننت‌های PDF Viewer
• 80. تایپ کامپوننت‌های Notification و Toast
• 81. تایپ کامپوننت‌های Progress Bar و Spinner
• 82. تایپ کامپوننت‌های Stepper و Wizard
• 83. تایپ کامپوننت‌های Breadcrumb و Navigation
• 84. تایپ کامپوننت‌های Pagination
• 85. تایپ کامپوننت‌های Rating و Star
• 86. تایپ کامپوننت‌های Switch و Toggle
• 87. تایپ کامپوننت‌های Radio Group و Checkbox Group
• 88. تایپ کامپوننت‌های Select و Dropdown
• 89. تایپ کامپوننت‌های Input و Textarea
• 90. تایپ کامپوننت‌های Button و Icon Button
• 91. تایپ کامپوننت‌های Avatar و Badge
• 92. تایپ کامپوننت‌های Card و List Group
• 93. تایپ کامپوننت‌های Alert و Banner
• 94. تایپ کامپوننت‌های Skeleton و Loading Placeholder
• 95. تایپ کامپوننت‌های Responsive Grid و Layout
• 96. تایپ کامپوننت‌های Theme و Dark Mode
• 97. تایپ کامپوننت‌های Accessibility (ARIA) با TypeScript
• 98. تایپ کامپوننت‌های بین‌المللی‌سازی (i18n)
• 99. تایپ کامپوننت‌های Logging و Monitoring
• 100. تایپ کامپوننت‌های Error Reporting (Sentry)