Svelte is a compiler-based UI framework that shifts work from runtime to build time, producing minimal JavaScript with no virtual DOM. Svelte 5 introduces runes for explicit, fine-grained reactivity. SvelteKit is the full-stack framework built on Svelte, providing file-based routing, server-side rendering, and deployment adapters.
When to use: Full-stack web apps, static sites, progressive enhancement, SSR/SSG, projects needing small bundle sizes, migration from Svelte 4 to 5.
When NOT to use: React/Vue ecosystem lock-in, projects requiring extensive third-party component libraries only available for other frameworks, teams with no Svelte experience on tight deadlines.
أنماط إطار عمل Svelte 5 وSvelteKit. يغطي الأحرف الرونية ($state، $derived، $effect، $props، $bindable، $inspect)، والمقتطفات، والتفاعل الدقيق، وتركيب المكونات، والتعامل مع الأحداث. تتضمن تغطية SvelteKit التوجيه المستند إلى الملفات، ووظائف التحميل العامة والخادم، وإجراءات النموذج، والخطافات، والمحولات، ومعالجة الأخطاء. يتضمن إرشادات الترحيل من Svelte 4 إلى 5 (من المخازن إلى الأحرف الرونية، ومن: الحدث إلى الحدث الواحد، وفتحات المقتطفات). يُستخدم عند إنشاء مكونات Svelte 5، أو تكوين توجيه SvelteKit، أو تنفيذ إجراءات النموذج، أو الترحيل من Svelte 4، أو تصحيح مشكلات التفاعل. المصدر: oakoss/agent-skills.