Prendi confidenza con il framework Svelte e scopri come sviluppare app Web intelligenti con questa guida.
Svelte è uno dei framework JavaScript più in voga in circolazione. Nel 2022 StackOverflow Developer Survey, è emerso come il secondo framework JavaScript più amato dagli sviluppatori web. In questa guida imparerai le basi e come creare una semplice applicazione da fare usando Svelte.
Iniziare con Svelte
Sistemerai le cose con il Strumento di costruzione Vite. Apri il terminale ed esegui i comandi seguenti in sequenza. Assegna al progetto il nome "svelte-app" (o la tua scelta), seleziona Svelte come framework e imposta JavaScript come variante.
filato crea vite
CD svelte-app
filato
filo devApri il progetto in un editor di codice, elimina il file lib cartella e cancellare il contenuto del file app.css file e il App.svelte file.
Come Svelte si confronta con React
IL DOM è una struttura ad albero generato dall'HTML di un sito, che mostra le relazioni tra i diversi elementi che compongono la pagina.
A differenza di React che utilizza un DOM virtuale, Svelte è un compilatore che comprende al momento della compilazione, come potrebbero cambiare le cose nella tua applicazione. Poiché Svelte funziona in fase di compilazione, si traduce in JavaScript vanilla altamente performante e ottimizzato.
Reattività e Animazione in Svelte
La struttura della maggior parte delle applicazioni Svelte è illustrata di seguito. Puoi scegliere di non includere il file stile tag lasciando solo il copione e marcatura:
