Svelte et Sapper en action

Introduction

Le livre « Svelte et Sapper en action » (titre original Svelte and Sapper in Action) de Mark Volkmann est paru en 2020 et a immédiatement attiré l'attention de la communauté des développeurs web. C'est l'un des premiers guides imprimés complets sur deux technologies interconnectées : le framework Svelte et son méta-framework pour le rendu côté serveur Sapper (aujourd'hui connu sous le nom de SvelteKit). Le livre compte 568 pages et s'adresse aux développeurs déjà familiers avec JavaScript (Node.js).

Mark Volkmann est un ingénieur logiciel expérimenté et un rédacteur technique travaillant chez Object Computing, Inc. Il est connu pour ses articles approfondis sur les technologies web et est un membre actif de la communauté Svelte. Dans ce livre, il se fixe un objectif ambitieux : non seulement enseigner la syntaxe, mais aussi transmettre la philosophie de la programmation réactive sans DOM virtuel, que Svelte défend.

De quoi parle le livre

Le livre est divisé en quatre parties logiques, chacune consacrée à un aspect spécifique du développement.

Partie I : Découverte de Svelte

Les premiers chapitres sont consacrés aux bases : installation, création du premier composant, travail avec les déclarations réactives, rendu conditionnel, boucles, événements et liaisons. L'auteur explique en détail en quoi Svelte diffère de React, Vue ou Angular : il n'utilise pas de DOM virtuel, mais compile les composants en un code impératif efficace lors de la phase de construction. Cela rend les applications plus rapides et plus légères.

Partie II : Concepts avancés de Svelte

Cette partie aborde les stores, le contexte, les slots, les modificateurs d'événements, les animations et les transitions. Une attention particulière est accordée à la réactivité : comment Svelte suit les dépendances et met à jour le DOM uniquement lorsque cela est vraiment nécessaire. Les questions de test et de débogage sont également traitées.

Partie III : Sapper — rendu côté serveur et routage

Sapper (prédécesseur de SvelteKit) ajoute à Svelte les capacités de rendu côté serveur (SSR), de génération statique (SSG) et de routage basé sur les fichiers. L'auteur montre comment créer des applications multipages avec préchargement des données, comment travailler avec des points de terminaison API et comment organiser le code pour des performances maximales.

Partie IV : Déploiement et projets réels

La dernière partie est consacrée aux aspects pratiques : configuration de la construction, déploiement sur diverses plateformes (Vercel, Netlify, Now), intégration avec des bases de données et création d'une application exemple complète (par exemple, un blog ou une boutique en ligne).

À qui s'adresse ce livre

Le livre est destiné aux développeurs de niveau intermédiaire et avancé qui ont déjà une expérience avec JavaScript et au moins un framework moderne (React, Vue, Angular). Les débutants en développement web auront des difficultés : l'auteur suppose une connaissance de ES6+, du système de modules, des promesses et de l'asynchronicité. Cependant, si vous maîtrisez bien JavaScript, ce livre sera un excellent tremplin vers le monde de Svelte.

Ce que le lecteur apprendra

• Les bases de la syntaxe Svelte : déclarations réactives, structures conditionnelles, boucles, événements.
• Le travail avec les stores pour la gestion d'état global.
• La création d'animations et de transitions à l'aide des outils intégrés de Svelte.
• Les principes du rendu côté serveur et de la génération statique avec Sapper.
• Le routage basé sur les fichiers, le préchargement des données et les points de terminaison API.
• L'optimisation des performances : comment Svelte compile le code et pourquoi cela augmente la vitesse.
• Le déploiement d'une application prête sur les plateformes d'hébergement populaires.
• L'intégration avec des bibliothèques et API externes.
• Le test des composants avec Jest et Cypress.
• Les patrons de conception pour des applications Svelte évolutives.

Points forts du livre

1. Profondeur et structure. Le livre ne se contente pas d'énumérer les API, il explique pourquoi Svelte est conçu de cette manière. L'auteur compare souvent les approches avec d'autres frameworks, ce qui aide