Le framework JavaScript Svelte permet de créer des applications Web « réactives ». Par son intermédiaire, le DOM se synchronise automatiquement avec les variables de l'application. Il est même possible de synchroniser les variables les unes par rapport aux autres en utilisant des « déclarations réactives ».

Pour créer des applications Svelte, vous devrez écrire du code HTML, CSS et JavaScript. Le code JavaScript sera composé :

• De code JavaScript traditionnel (Vanilla JavaScript).
• De code JavaScript « amélioré », spécifiquement destiné à Svelte.

Après compilation, vous obtiendrez un code optimisé, léger, rapide et directement exécutable dans le navigateur.

Le framework Svelte est souvent comparé à ses aînés, Angular, React et Vue. Contrairement à ces frameworks, pour lesquels la majeure partie du travail est effectuée dans le navigateur, Svelte inclut une étape de compilation qui produit une application Javascript pur (Vanilla JavaScript) optimisée. Il en résulte des performances bien plus élevées que dans les autres frameworks, et une taille des bundles vraiment réduite.

Ce manuel est une introduction au framework Svelte 3 et à son acolyte SvelteKit 1.0, spécialisé dans la création de sites Web SPA. Il s’adresse à tous ceux qui veulent découvrir ce framework très prometteur qui fait et fera parler de lui dans les années à venir. Le manuel est orienté pratique. À travers de très nombreux exemples courts et ciblés, vous allez découvrir toutes les ficelles de Svelte et SvelteKit. Pour être à l’aise avec ce qui va être abordé dans ce manuel, vous devez avoir une première expérience de codage en JavaScript. Nous ne reviendrons pas sur les instructions basiques de ce langage.

Les codes sources du manuel sont librement téléchargeables, utilisables et modifiables.

Voici un avant-goût de ce qui vous attend :

Introduction et premiers pas
Préparation de l’environnement de développement
Les extensions utiles dans VS Code
Le site Officiel de Svelte
Premiers pas avec Svelte via le REPL
Création d’un premier projet Svelte avec Vite

La syntaxe de base de Svelte
Création d’un squelette Svelte standard avec Vite
Les interpolations
Variables...