Gjør deg kjent med Svelte-rammeverket og lær hvordan du utvikler smarte nettapper med denne veiledningen.

Svelte er et av de hotteste JavaScript-rammeverkene som finnes. I 2022 StackOverflow Developer Survey, dukket det opp som det nest mest elskede JavaScript-rammeverket blant nettutviklere. I denne veiledningen vil du lære det grunnleggende og hvordan du bygger en enkel gjøremålsapplikasjon ved å bruke Svelte.

Komme i gang med Svelte

Du vil sette opp ting med Vite byggeverktøy. Åpne terminalen og kjør kommandoene nedenfor i rekkefølge. Gi prosjektet navnet "svelte-app" (eller ditt valg), velg Svelte som rammeverk, og sett JavaScript som varianten.

garn skape vite
cd svelte-app
garn
garn dev

Åpne prosjektet i et koderedigeringsprogram, slett lib mappen, og fjern innholdet i app.css filen og App.svelte fil.

Hvordan Svelte sammenlignes med å reagere

De DOM er en trelignende struktur generert fra et nettsteds HTML, som viser relasjonene mellom de forskjellige elementene som utgjør siden.

I motsetning til React som bruker en virtuell DOM, er Svelte en kompilator som forstår hvordan ting i applikasjonen din kan endre seg på byggetidspunktet. Fordi Svelte fungerer på byggetidspunktet, resulterer det i svært ytende og optimert vanilje JavaScript.

instagram viewer

Reaktivitet og animasjon i Svelte

Strukturen til de fleste Svelte-applikasjoner er illustrert nedenfor. Du kan velge å ikke inkludere stil tagger som bare forlater manus og markering: