فلش‌کارت‌های آموزشی Typescript: ایجاد کامپوننت های UI سفارشی

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

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

عنوان دوره: دوره Typescript: ایجاد کامپوننت های UI سفارشی

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

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

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

• 1. مقدمه‌ای بر کامپوننت‌های سفارشی در تایپ‌اسکریپت
• 2. تنظیم محیط توسعه برای تایپ‌اسکریپت و ری‌اکت
• 3. نوع‌دهی props در کامپوننت‌ها
• 4. تعریف interface برای props
• 5. استفاده از type در مقابل interface
• 6. کامپوننت‌های تابعی و نوع بازگشت
• 7. مدیریت children با نوع ReactNode
• 8. Props اختیاری و پیش‌فرض
• 9. Generic components برای انعطاف‌پذیری
• 10. کامپوننت‌های دکمه با انواع مختلف
• 11. ساخت کامپوننت فرم و کنترل‌های ورودی
• 12. نوع‌دهی رویدادها در فرم‌ها
• 13. کامپوننت‌های نمایش لیست با آرایه‌های تایپ‌شده
• 14. کامپوننت‌های شرطی و نوع‌دهی حالت‌ها
• 15. استفاده از enum برای حالت‌های کامپوننت
• 16. کامپوننت‌های مودال با props سفارشی
• 17. ساخت کامپوننت Tooltip با تایپ‌های دقیق
• 18. کامپوننت‌های کشویی (Dropdown) و نوع‌دهی گزینه‌ها
• 19. مدیریت state داخلی با useState و تایپ‌ها
• 20. useReducer برای state پیچیده در کامپوننت
• 21. useEffect و نوع‌دهی side effects
• 22. کامپوننت‌های ناهمگام (Async) و مدیریت بارگذاری
• 23. نوع‌دهی خطاها در کامپوننت‌ها
• 24. کامپوننت‌های جدول با داده‌های generic
• 25. ساخت کامپوننت Pagination با تایپ‌های عددی
• 26. کامپوننت‌های کارت (Card) با props انعطاف‌پذیر
• 27. نوع‌دهی توابع callback در کامپوننت‌ها
• 28. کامپوننت‌های فرم با validation و تایپ‌ها
• 29. مدیریت ref ها با useRef و forwardRef
• 30. کامپوننت‌های سفارشی برای input
• 31. ساخت کامپوننت Select با گزینه‌های تایپ‌شده
• 32. کامپوننت‌های checkbox و radio با نوع‌دهی
• 33. کامپوننت‌های toggle و switch
• 34. نوع‌دهی context در کامپوننت‌ها
• 35. کامپوننت‌های provider با تایپ‌های generic
• 36. استفاده از useMemo و useCallback در کامپوننت‌ها
• 37. کامپوننت‌های با props children تایپ‌شده
• 38. کامپوننت‌های ناوبری (Navigation) ساده
• 39. ساخت کامپوننت Tabs با نوع‌دهی تب‌ها
• 40. کامپوننت‌های Accordion با state مدیریت‌شده
• 41. نوع‌دهی props برای کامپوننت‌های تصویر
• 42. کامپوننت‌های آیکون با تایپ‌های اتحاد (Union)
• 43. کامپوننت‌های بارگذاری (Loading) و Skeleton
• 44. مدیریت theme و styling با تایپ‌ها
• 45. کامپوننت‌های responsive با props شرطی
• 46. نوع‌دهی توابع کمکی درون کامپوننت
• 47. کامپوننت‌های داینامیک با React.lazy
• 48. مدیریت خطاهای زمان اجرا با Error Boundaries
• 49. کامپوننت‌های سفارشی برای notification
• 50. ساخت کامپوننت Progress Bar با تایپ‌های درصد
• 51. کامپوننت‌های Toolbar و Action Bar
• 52. نوع‌دهی رویدادهای سفارشی در کامپوننت‌ها
• 53. کامپوننت‌های ترکیبی (Compound Components)
• 54. استفاده از React.cloneElement با تایپ‌ها
• 55. کامپوننت‌های با props spread و rest
• 56. تست کامپوننت‌های تایپ‌شده با Jest
• 57. نوع‌دهی mock data برای تست
• 58. کامپوننت‌های داستان (Storybook) با تایپ‌ها
• 59. ساخت کامپوننت‌های قابل استفاده مجدد
• 60. بهینه‌سازی عملکرد با تایپ‌های مناسب
• 61. مدیریت وابستگی‌های خارجی در کامپوننت‌ها
• 62. کامپوننت‌های فرم با کتابخانه‌های خارجی
• 63. نوع‌دهی props در کامپوننت‌های شخص ثالث
• 64. کامپوننت‌های سفارشی برای modal dialog
• 65. ساخت کامپوننت‌های drag and drop ساده
• 66. کامپوننت‌های با قابلیت جستجوی داخلی
• 67. نوع‌دهی داده‌های API در کامپوننت‌ها
• 68. کامپوننت‌های نمایش گراف با تایپ‌های داده
• 69. مدیریت localStorage با تایپ‌ها در کامپوننت
• 70. کامپوننت‌های فرم با اعتبارسنجی سفارشی
• 71. ساخت کامپوننت‌های اسلایدر (Slider)
• 72. کامپوننت‌های تاریخ و زمان با تایپ‌ها
• 73. نوع‌دهی props برای کامپوننت‌های چندزبانه
• 74. کامپوننت‌های با قابلیت undo/redo
• 75. مدیریت focus و keyboard events
• 76. کامپوننت‌های سفارشی برای breadcrumb
• 77. ساخت کامپوننت‌های استپ (Stepper)
• 78. کامپوننت‌های با انیمیشن و transition
• 79. نوع‌دهی استایل‌های داینامیک
• 80. کامپوننت‌های با props تو در تو (Nested)
• 81. مدیریت overlap و z-index در کامپوننت‌ها
• 82. کامپوننت‌های سفارشی برای badge و tag
• 83. ساخت کامپوننت‌های rating و امتیازدهی
• 84. کامپوننت‌های با قابلیت sort و filter
• 85. نوع‌دهی داده‌های تو در تو برای نمایش
• 86. کامپوننت‌های سفارشی برای spinner و loader
• 87. مدیریت حافظه و cleanup در کامپوننت‌ها
• 88. کامپوننت‌های با props از نوع function
• 89. ساخت کامپوننت‌های سفارشی برای progress steps
• 90. نوع‌دهی context برای تم (Theme)
• 91. کامپوننت‌های با قابلیت resizing
• 92. مدیریت scroll position در کامپوننت‌ها
• 93. کامپوننت‌های سفارشی برای avatar و profile
• 94. ساخت کامپوننت‌های با قابلیت copy to clipboard
• 95. نوع‌دهی props برای کامپوننت‌های chart
• 96. کامپوننت‌های با قابلیت export داده
• 97. مدیریت state global با تایپ‌ها در کامپوننت‌ها