Jeg anbefaler at man starter med at se den her video:

Rich Harris - Rethinking reactivity

Hvad er Svelte?

Svelte er et frontend-framework, der gør det muligt for udviklere at opbygge hurtige og lette webapplikationer. Det bruger en kompileringstilgang til at opbygge brugergrænseflader hurtigt, og det gør det muligt at skrive mindre kode med større ydeevne. Det giver også et intuitivt og strømlignende design, der gør det muligt for udviklere at skabe store og vedvarende oplevelser.

Hvordan installeres Svelte-extension i VSCode?

Svelte kan installeres i VSCode ved hjælp af en udvidelse. Først skal du åbne VSCode, og gå så til Udsigt > Udforsk Udvidelser. Søg derefter efter "Svelte" og tryk på Installér. Når udvidelsen er installeret, skal du genstarte VSCode. Nu kan du skrive Svelte-kode og kompilere det direkte fra VSCode.

Hvordan installerer man Svelte med NPM?

NPM er det officielle JavaScript-pakkehåndteringssystem, og det gør det meget let at installere Svelte.

For at installere Svelte skal du først åbne din terminal og navigere til den mappe, hvor du gerne vil have dit Svelte-projekt.

Når du er i den mappe, skal du indtaste følgende kommando:

npm init vite

Herefter spørger den hvilket framework man vil bruge og her vælger man Svelte og derefter vælger man JS (eller ens fortrukket sprog), her burde du få følgende output

Done. Now run:

  cd vite-project // Eller hvad end i har kaldt jeres projekt
  npm install
	npm run dev

Når installationen er gennemført, kan du nu begynde at arbejde med Svelte.

Vite

Lær Svelte i browser

Alt efter hvor nemt man har ved JS Frameworks, kan det være nemmere at starte med mindre projekter. På følgende hjemmeside kan man få en nem overgang fra JS/TS til at arbejde med et framework som Svelte, specielt hvis man ikke har prøvet et framework før.

Svelte tutorial

Hvorfor skal man vælge Svelte over React og Angular?