Ta reda på Svelte-ramverket och lär dig hur du utvecklar smarta webbappar med den här guiden.

Svelte är ett av de hetaste JavaScript-ramverken som finns. I 2022 StackOverflow Developer Survey, framstod det som det näst mest älskade JavaScript-ramverket bland webbutvecklare. I den här guiden lär du dig grunderna och hur du bygger en enkel att göra-applikation med Svelte.

Komma igång med Svelte

Du kommer att ställa in saker med Vite byggverktyg. Öppna terminalen och kör kommandona nedan i följd. Namnge projektet "svelte-app" (eller ditt val), välj Svelte som ramverk och ange JavaScript som variant.

garn skapa vite
CD svelte-app
garn
garn dev

Öppna projektet i en kodredigerare, ta bort lib mapp och rensa innehållet i app.css filen och App.svelte fil.

Hur Svelte jämför med att reagera

De DOM är en trädliknande struktur genereras från en webbplats HTML, som visar relationerna mellan de olika elementen som utgör sidan.

Till skillnad från React som använder en virtuell DOM, är Svelte en kompilator som förstår hur saker och ting i din applikation kan förändras vid byggtid. Eftersom Svelte fungerar under byggtiden, resulterar det i högpresterande och optimerad vanilj JavaScript.

instagram viewer

Reaktivitet och animation i Svelte

Strukturen för de flesta Svelte-applikationer illustreras nedan. Du kan välja att inte inkludera stil taggar lämnar endast manus och markering: