Migrazione da Svelte 4 a 5
Converta i componenti Svelte 4 alle runes con la guida ufficiale alla migrazione e i codemod.
Migrazione da Svelte 4 a 5 è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Approccio alla migrazione
Svelte 5 è in gran parte compatibile con le versioni precedenti. Può eseguire la migrazione un componente alla volta.
Codemod ufficiale
Esegua lo script di migrazione per convertire automaticamente la sintassi legacy.
npx sv migrate svelte-5Che cosa fa
Il codemod riscrive export let in $props(), $: in $derived/$effect e così via.
Esaminare l'output
Esamini sempre il codice migrato. Alcuni pattern richiedono decisioni manuali.
Coesistenza
La sintassi vecchia e quella nuova possono convivere nello stesso file; Svelte 5 le rileva per ogni blocco.
Mutazioni reattive
I proxy di $state rendono reattivo array.push(). Può eliminare le vecchie riassegnazioni usate come workaround.
Dispatcher degli eventi
createEventDispatcher viene sostituito dalle props callback passate tramite $props().
Slot e snippet
Gli slot continuano a funzionare; consideri di riscriverli come snippet nei nuovi componenti.
Compatibilità degli store
svelte/store è ancora supportato. Può continuare a utilizzare gli store oppure passare a $state per lo stato dell'applicazione.
Compatibilità delle librerie
La maggior parte delle librerie è compatibile con entrambe le versioni; aggiorni un componente alla volta.
Documentazione
La documentazione di Svelte 5 include una guida alla migrazione con confronti affiancati.
Verifica rapida
È possibile combinare la sintassi di Svelte 4 e quella di Svelte 5?
Riepilogo
Esegua la migrazione a Svelte 5 con npx sv migrate svelte-5; la vecchia sintassi continua a funzionare per un'adozione graduale.
Domande Frequenti
La lezione «Migrazione da Svelte 4 a 5» è gratuita?
Sì — il testo completo di «Migrazione da Svelte 4 a 5» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Migrazione da Svelte 4 a 5»?
Converta i componenti Svelte 4 alle runes con la guida ufficiale alla migrazione e i codemod. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Migrazione da Svelte 4 a 5»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- $state.raw per lo stato non reattivo
- $derived.by per derivazioni complesse
- $effect.root per la pulizia manuale
- Migrazione da Svelte 4 a 5