فلش‌کارت‌های آموزشی Vue.js Composition API: بهینه‌سازی عملکرد با Composition API

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

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

عنوان دوره: دوره Vue.js Composition API: بهینه‌سازی عملکرد با Composition API

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

موضوع میانی: Vue.js Composition API (با رویکرد واکنشی)

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

• 1. مقدمه‌ای بر Composition API و عملکرد
• 2. مبانی سیستم واکنشی Vue ۳
• 3. تفاوت Options API و Composition API در عملکرد
• 4. ساختار reactivity: ref، reactive، shallowRef، shallowReactive
• 5. استفاده از computed برای محاسبات مشتق‌شده و کش‌کردن
• 6. watch و watchEffect: زمان‌بندی و بهینه‌سازی ردیابی وابستگی
• 7. چرخه حیات کامپوننت در Composition API: onMounted، onUpdated، onUnmounted
• 8. استفاده از provide/inject برای جلوگیری از props drilling
• 9. سازماندهی منطق با Composable Functions
• 10. الگوهای قابل استفاده مجدد: useFetch، useDebounce، useThrottle
• 11. مемоایزیشن با computed و shallowRef
• 12. Lazy Loading کامپوننت‌ها با defineAsyncComponent
• 13. استفاده از Suspense برای مدیریت حالت‌های بارگذاری
• 14. Teleport و Fragment برای کاهش نودهای DOM
• 15. Render Functions و JSX برای کنترل دقیق رندر
• 16. Virtual DOM diffing و بهینه‌سازی کلیدها (key)
• 17. استفاده از v-memo برای мемوایزیشن بلوک‌های قالب
• 18. بهینه‌سازی لیست‌های بزرگ با virtual scrolling
• 19. استفاده از defineProps و defineEmits با type inference
• 20. TypeScript در Composition API: تایپ‌گذاری ref، reactive، composables
• 21. استفاده از Pinia برای مدیریت حالت جهانی با Composition API
• 22. میکرو-فرانت‌اند و ماژولاریت با Composableها
• 23. Server-Side Rendering (SSR) و Hydration با Composition API
• 24. استفاده از Vite و Rollup برای Tree Shaking و Code Splitting
• 25. پروفایلینگ عملکرد با Vue DevTools Performance Tab
• 26. شناسایی و رفع Memory Leaks در Composableها
• 27. بهینه‌سازی Re-renders با shallowRef و triggerRef
• 28. استفاده از custom directives برای کنترل مستقیم DOM
• 29. الگوهای پیشرفته: Controlled vs Uncontrolled Components
• 30. استفاده از watchPostEffect و watchSyncEffect برای زمان‌بندی دقیق
• 31. Composableهای غیرهمگام: Promise، async/await، Suspense
• 32. استفاده از defineModel برای two-way binding بهینه
• 33. استفاده از reactive arrays و object با توابع کمکی (toRefs، toRaw)
• 34. بهینه‌سازی CSS-in-JS و Scoped Styles در کامپوننت‌های پویا
• 35. استفاده از Transition و Animation با Composition API
• 36. مدیریت خطا با onErrorCaptured و Error Boundaries
• 37. تست واحد Composableها با Vitest و Vue Test Utils
• 38. تست یکپارچگی (Integration) با Cypress و Composition API
• 39. Mocking وابستگی‌های خارجی در Composableها
• 40. استفاده از Composition API در Nuxt ۳ برای SSR و SSG
• 41. استفاده از Nuxt Modules و Composableهای سراسری
• 42. بهینه‌سازی Bundle Size با Dynamic Imports و Code Splitting
• 43. استفاده از Vite Plugin Vue DevTools برای تحلیل عملکرد
• 44. الگوهای طراحی: Factory، Strategy، Observer در Composableها
• 45. مدیریت State در Micro Frontends با Composition API
• 46. استفاده از Web Workers برای محاسبات سنگین در Composable
• 47. استفاده از WebAssembly در Vue برای عملکرد بالا
• 48. بهینه‌سازی Network Requests با Request Deduplication و Caching
• 49. استفاده از HTTP/2 و Preload/Prefetch در Nuxt/Vite
• 50. معماری Plugin System با Composition API
• 51. Migration Guide: از Options API به Composition API با تمرکز بر عملکرد
• 52. Best Practices و Anti-patterns در Composition API
• 53. Case Study: بهینه‌سازی یک داشبورد واقعی با Composition API
• 54. Case Study: ساخت یک کامپوننت جدول مجازی (Virtual Table)
• 55. Case Study: پیاده‌سازی Infinite Scroll با Composable
• 56. Case Study: مدیریت فرم‌های پیچیده با useForm Composable
• 57. Case Study: Real-time Collaboration با WebSocket و Composition API
• 58. مقدمه‌ای بر Vue ۳.۴+ Features مرتبط با عملکرد
• 59. آینده Composition API: RFCها و پیش‌نویس‌های جدید