svelte

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.

Modelli di framework Svelte 5 e SvelteKit. Copre rune ($state, $derived, $effect, $props, $bindable, $inspect), snippet, reattività a grana fine, composizione dei componenti e gestione degli eventi. La copertura di SvelteKit include routing basato su file, funzioni server e di caricamento universale, azioni di moduli, hook, adattatori e gestione degli errori. Include la guida alla migrazione di Svelte da 4 a 5 (da negozi a rune, da on:event a onevent, dagli slot a snippet). Da utilizzare durante la creazione di componenti Svelte 5, la configurazione del routing SvelteKit, l'implementazione di azioni del modulo, la migrazione da Svelte 4 o il debug di problemi di reattività. Fonte: oakoss/agent-skills.