Svelte 5 et SvelteKit 2.x

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 (ou TypeScript). Le code JavaScript/TypeScript sera composé :

· De code JavaScript/TypeScript traditionnel (Vanilla JavaScript).

· De code JavaScript/TypeScript « 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.

Le manuel que vous avez entre les mains est une introduction au framework Svelte 5 et à son acolyte SvelteKit 2, 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.

Svelte 5 est rétrocompatible Svelte 3, et SvelteKit 2 est rétrocompatible SvelteKit 1. Les spécificités de Svelte 5 et de SvelteKit 2 telles que les runes, la gestion simplifiée des événements, les snippets et le support natif de TypeScript seront abordés dans un second temps, après avoir compris la philosophie globale de Svelte.

Dans ce manuel, j’ai choisi de favoriser le développement en JavaScript et non en TypeScript. JavaScript est plus adapté à de petits projets. Il vous permettra de développer rapidement avec Svelte. Par la suite, si vous devez créer des projets de plus grande envergure, rien ne vous empêche de coder en TypeScript, puisque ce langage est supporté nativement dans Svelte 5 et SvelteKit 2.

Assez parlé ! Il est temps de découvrir les immenses possibilités de Svelte et de SvelteKit, d’acquérir de nouvelles compétences et ... de devenir un inconditionnel du développement Svelte !