← Tous les chapitresChapitre 1 · ~20 min

Introduction & installation

Comprendre l’approche compilateur de Svelte et démarrer son premier projet.

📖 Légende des termes▾

Compilateur: Programme qui transforme le code source (.svelte) en JavaScript pur au moment du build. À la différence de Vue ou React, il ne reste pratiquement rien à télécharger à l’exécution.
Rune: Symbole $ préfixé ($state, $derived, $effect) qui signale à Svelte qu’une variable est réactive.
Style scoped: CSS limité au composant courant : les règles ne débordent pas sur les autres éléments de la page.

Svelte est un framework JavaScript compilateur : il transforme vos composants en JavaScript pur au moment du build. Contrairement à Vue ou React, il n’y a pas de virtual DOM.

Le code est compilé en JavaScript optimisé : aucune librairie embarquée à l’exécution.
Syntaxe simple et proche du HTML classique dans les fichiers .svelte.
Svelte 5 introduit les runes ($state, $derived, $effect) pour une réactivité granulaire.