Svelte e SvelteKit: il framework 'compiled away' di Rich Harris

Svelte 3 (aprile 2019) e SvelteKit in public beta (ottobre 2021) di Rich Harris: framework frontend che compila a vanilla JS, senza virtual DOM, reattività come linguaggio. SvelteKit estende a SSR/SSG full-stack.

Open SourceWebR&D SvelteSvelteKitRich HarrisFrontendCompiledOpen Source

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 nell’ottobre 2021 (versione 1.0 dicembre 2022). 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.

Svelte 5 (2024)

Svelte 5 (2024) introduce runes — sintassi di reattività più esplicita con $state, $derived, $effect — mantenendo la filosofia compiled-away.

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) → 1.0 (dicembre 2022). Rich Harris, Vercel (dal novembre 2021). Licenza MIT. Base Vite. Svelte 5 (2024) con runes.

Vuoi supporto? Sei sotto attacco? Stato dei servizi
Vuoi supporto? Sei sotto attacco? Stato dei servizi