Perché le Runes: oltre la magia del compilatore
Comprenda la motivazione alla base delle runes e come migliorano il modello di reattività di Svelte.
Perché le Runes: oltre la magia del compilatore è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 1 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.
Svelte 5 introduce le rune
Le rune sono primitive reattive esplicite come $state, $derived e $effect.
Perché cambiare
La reattività implicita di Svelte 3/4 (let, $:) presentava alcune peculiarità: dipendenze complesse, limitazione all'ambito del file e maggiore difficoltà di lettura nei file grandi.
Esplicite e locali
Le rune funzionano ovunque: componenti, librerie e moduli normali. La reattività non è più riservata ai file .svelte.
Compatibilità con le versioni precedenti
Svelte 5 supporta ancora la sintassi precedente durante la migrazione. Inizialmente può combinarle liberamente.
Prestazioni migliori
La reattività granulare aggiorna solo le parti del DOM che dipendono dallo stato modificato.
Codice più chiaro
Lo stato è una chiamata di funzione, non un let magico. L'intento è più chiaro.
let count = $state(0);Testabili
Le primitive reattive possono essere testate con unit test al di fuori dei componenti.
Compatibili con TypeScript
Le rune vengono sottoposte naturalmente al controllo dei tipi; il sistema generico è costruito attorno a esse.
Meno magia
Non dovrà più chiedersi se un let è reattivo. La chiamata alla rune lo rende evidente.
Coesistenza
Può adottare le rune gradualmente, componente per componente, durante la migrazione.
Ecosistema
La maggior parte delle librerie Svelte sta adottando le rune; gli strumenti e il supporto degli IDE sono maturi.
Verifica rapida
Che cos'è una rune?
Riepilogo
Svelte 5 introduce le rune per una reattività esplicita che funziona ovunque e migliora chiarezza e prestazioni.
Impara HTML con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 41
- Lezioni
- 163
Domande Frequenti
La lezione «Perché le Runes: oltre la magia del compilatore» è gratuita?
Sì — il testo completo di «Perché le Runes: oltre la magia del compilatore» è 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 «Perché le Runes: oltre la magia del compilatore»?
Comprenda la motivazione alla base delle runes e come migliorano il modello di reattività di Svelte. 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 1 di 4.
Quanto tempo richiede la lezione «Perché le Runes: oltre la magia del compilatore»?
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
- Perché le Runes: oltre la magia del compilatore
- $state: reattività granulare
- $derived: valori calcolati dichiarativi
- $effect: effetti collaterali