React
Svelte vs React per siti di contenuto
Svelte spedisce meno JavaScript per un articolo, React ha più strumenti per blog e documentazione. Il confronto parte dal budget di interazione, non dal framework.
In sintesi
- Svelte 5 compila i componenti e non usa un DOM virtuale: un articolo statico paga meno JavaScript.
- React resta più forte su tooling editoriale e componenti già pronti: il catalogo EneUI indicizza 164 record svelte-bits e 186 Flowbite Svelte.
- Scegli Svelte quando l'interazione è poca e misurabile, React quando il team pubblica ogni giorno e riusa molto codice.
Per un sito di contenuto Svelte parte avvantaggiato: compila i componenti e spedisce solo il JavaScript che serve alla pagina, mentre React porta un runtime e un riconciliatore. Nel 2026 però il vantaggio si misura sull'interazione, non sul framework.
Un blog ha tre parti: il testo, la navigazione e pochi widget. Se il testo è statico e i widget sono un menu e una ricerca, il costo di React è quasi tutto nel runtime. Se i widget sono dieci e cambiano ogni mese, la differenza si assottiglia.
Dove Svelte sposta il lavoro
| Aspetto | Svelte 5 | React 19 |
|---|---|---|
| Modello | Compilazione, rune e nessun DOM virtuale | Runtime, hook e riconciliatore |
| Contenuti | SvelteKit con prerender e adapter | Next.js, Astro o un generatore Markdown |
| Islands | Componenti interattivi isolati | Idratazione selettiva con i Server Components |
| Librerie pronte | 164 record svelte-bits, 186 Flowbite Svelte | Migliaia di record React nel catalogo |
Il budget di JavaScript è la metrica vera
Apri gli strumenti di sviluppo su un articolo pubblicato e guarda quanti kilobyte di JavaScript scarica prima di poter leggere. Quella cifra decide il punteggio di interattività, non il nome del framework. Svelte parte più in basso, React parte più in alto, ma entrambi possono scendere se togli i widget inutili.
Prova in dieci minuti
# SvelteKit scaffold with the official CLI
npx sv create svelte-blog
cd svelte-blog && npm install && npm run dev
# build and inspect the client bundle
npm run build && npm run preview
Pubblica un articolo con una tabella dei contenuti e una ricerca. Se la pagina resta leggibile senza JavaScript, il modello a isole o il prerender stanno funzionando.
Dove vince Svelte
- Peso iniziale: niente DOM virtuale e niente runtime di riconciliazione nel bundle della pagina.
- Sintassi corta: uno stato con
$statee un valore derivato con$derivedstanno in due righe. - SvelteKit: prerender, adapter e route sono nello stesso progetto, senza scegliere un meta framework a parte.
Dove vince React
- Componenti pronti: il catalogo EneUI indicizza 111.985 componenti, in gran parte React, e molti sono già accessibili.
- Tooling editoriale: MDX, anteprime e plugin per i generatori di documentazione sono più maturi.
- Assunzioni: trovare chi conosce React è più facile, e un sito di contenuto spesso passa di mano.
Il limite che il catalogo mostra
Il profilo svelte-bits dichiara licenza Unknown e framework react, mentre i file sono .svelte. Il metadato va verificato alla fonte prima di pubblicare: un catalogo è un indice, non un contratto legale.
Licenze e provenienza
Svelte e SvelteKit sono MIT, Flowbite Svelte è MIT, React e Next.js sono MIT. svelte-bits non dichiara una licenza nel record: se lo usi, apri il repository e cita la fonte.
Nel catalogo: svelte-bits, Flowbite Svelte e i blocchi per blog. Le guide: quando uno store Svelte non si aggiorna e librerie React misurate; il confronto: copy-paste o headless.
Domande frequenti
Svelte è davvero più leggero di React?
Sul bundle iniziale spesso sì, perché non porta un DOM virtuale. La differenza si riduce quando la pagina ha molte isole interattive o molte librerie esterne.
Posso usare Svelte per un blog con ricerca?
Sì. SvelteKit prerenderizza gli articoli e la ricerca resta un'isola interattiva. Serve un indice statico o un endpoint, come su qualsiasi altro framework.
Svelte 5 ha rotto i componenti scritti per Svelte 4?
No, ma le rune convivono con la sintassi precedente e la migrazione va pianificata. I componenti con store e reactivity implicita sono quelli da controllare per primi.
Meglio SvelteKit o Astro con Svelte?
SvelteKit se il sito ha route e dati propri; Astro se il contenuto è quasi tutto statico e Svelte serve solo per pochi widget. La seconda scelta riduce il JavaScript per pagina.
Quanti componenti Svelte ci sono nel catalogo?
Il 1 novembre 2026 i profili contano 164 record svelte-bits e 186 Flowbite Svelte. Sono numeri di catalogo, non un giudizio sulla qualità.