frontend-development

Comprehensive guide for modern frontend development across React, Vue 3, Svelte 5, and Angular. Covers framework-specific patterns, common architectural principles, and cross-framework best practices.

| Framework | Best For | Learning Curve | Performance | Ecosystem |

| React | Large apps, strong typing, enterprise | Medium | Good | Largest | | Vue 3 | Progressive adoption, approachable | Low | Excellent | Growing | | Svelte 5 | Small/medium apps, native feel | Low | Best | Smaller | | Angular | Enterprise, full-featured | Steep | Good | Complete |

تطوير الواجهة الأمامية متعددة الأطر. الإطارات: React 18+ (Suspense، Hooks، TanStack)، Vue 3 (Composition API، Pinia، Nuxt)، Svelte 5 (Runes، SvelteKit)، Angular (Signals، مستقل). شائع: TypeScript، إدارة الحالة، التوجيه، جلب البيانات، تحسين الأداء، أنماط المكونات. الإجراءات: الإنشاء والإنشاء والتنفيذ والتصميم والتحسين وإعادة تصميم المكونات/الصفحات/الميزات. الكلمات الرئيسية: React، Vue، Svelte، Angular، Component، TypeScript، Hooks، Composition API، runes، signals، useSuspenseQuery، Pinia، المخازن، إدارة الحالة، التوجيه، التحميل البطيء، Suspense، الأداء، حجم الحزمة، تقسيم التعليمات البرمجية، التفاعل، الدعائم، الأحداث. يُستخدم عندما: إنشاء مكونات في أي إطار عمل، وإنشاء الصفحات، وجلب البيانات، وتنفيذ التوجيه، وإدارة الحالة، وتحسين الأداء، وتنظيم كود الواجهة الأمامية، والاختيار بين الأطر. المصدر: samhvw8/dot-claude.