Un framework compilato
React, Vue, Angular sono framework runtime: il browser carica una libreria (~30-50 KB minificata) che poi interpreta i componenti. Svelte, creato da Rich Harris (giornalista al New York Times, ex Guardian) nel 2016 e giunto alla versione 3 nell’aprile 2019, cambia approccio: il framework è un compilatore, il runtime risultante è minimo.
Ogni componente .svelte è compilato a vanilla JavaScript che manipola il DOM direttamente. Niente virtual DOM. Niente reconciler. Bundle per pagina da pochi KB invece di decine.
Licenza MIT.
Svelte 3 — reattività come linguaggio
In Svelte 3 la reattività è sintassi nativa:
<script>
let count = 0;
$: doubled = count * 2; // reattivo: ricalcola quando count cambia
</script>
<button on:click={() => count++}>
Clicked {count} — doubled is {doubled}
</button>Il compilatore analizza dipendenze statiche e genera il codice di update minimo. L’esperienza di sviluppo è più leggera di React (no hooks, no dependency arrays, no re-render mentali).
SvelteKit — full-stack framework
SvelteKit, il framework full-stack per Svelte, è in public beta dall’ottobre 2021. Porta Svelte oltre il mondo SPA:
- File-based routing
- SSR / SSG / CSR su base per-route
- Load functions per data fetching
- Form actions con progressive enhancement
- Adapter per deploy su Node, Vercel, Netlify, Cloudflare, static
- Base Vite (dopo migrazione da Snowpack/Rollup)
Adozione
Svelte è Top-3 framework per developer satisfaction in survey State of JS dal 2019. Adoption ampia in:
- Content-heavy sites
- Dashboards
- Mobile PWA
- Animazioni SVG complesse — Rich Harris viene dal world data viz
Rich Harris è stato assunto da Vercel nel novembre 2021 per lavorare full-time su Svelte.
Nel contesto italiano
Adoption crescente in team piccoli e freelance italiani per siti con exposure ottimale (bundle ridotto, performance Lighthouse alta).
Riferimenti: Svelte 3 (aprile 2019), SvelteKit public beta (ottobre 2021). Rich Harris, Vercel (dal novembre 2021). Licenza MIT. Base Vite.