Få styr på Svelte-rammen, og lær hvordan du udvikler smarte webapps med denne guide.

Svelte er en af ​​de hotteste JavaScript-rammer, der findes. I 2022 StackOverflow Developer Survey viste det sig som den næstmest elskede JavaScript-ramme blandt webudviklere. I denne vejledning lærer du det grundlæggende, og hvordan du bygger en simpel opgave-applikation ved hjælp af Svelte.

Kom godt i gang med Svelte

Du vil sætte tingene op med Vite byggeværktøj. Åbn terminalen og kør kommandoerne nedenfor i rækkefølge. Navngiv projektet "svelte-app" (eller dit valg), vælg Svelte som rammen, og indstil JavaScript som varianten.

garn skabe vite
cd svelte-app
garn
garn dev

Åbn projektet i en kodeeditor, slet lib mappe, og ryd indholdet af app.css fil og App.svelte fil.

Hvordan Svelte sammenligner med at reagere

Det DOM er en trælignende struktur genereret ud fra et websteds HTML, der viser relationerne mellem de forskellige elementer, der udgør siden.

I modsætning til React, som bruger en virtuel DOM, er Svelte en compiler, der på byggetidspunktet forstår, hvordan tingene i din applikation kan ændre sig. Fordi Svelte fungerer på byggetidspunktet, resulterer det i yderst effektiv og optimeret vanilje JavaScript.

instagram viewer

Reaktivitet og animation i Svelte

Strukturen af ​​de fleste Svelte-applikationer er illustreret nedenfor. Du kan vælge ikke at inkludere stil tags efterlader kun manuskript og markup: