Svelte & Sveltkit

Romain Demoustier
05/01/23 19:29
Published in: Articles

C'est à l'occasion d'un projet dans l'immobilier (simu.immo) que j'ai découvert Svelte, un outil qui me permet de développer des applications web rapidement.

Svelte

Svelte est un nouveau framework de développement qui a été lancé en 2016 par Rich Harris. Il se distingue des autres frameworks populaires comme React, Angular et Vue.js en ce qu'il n'utilise pas de bibliothèques tiers ni de virtual DOM (Document Object Model). Au lieu de cela, Svelte compile le code à la build time pour produire du code optimisé qui s'exécute directement dans le navigateur.

Cela signifie que les applications Svelte sont généralement plus rapides et plus légères que celles construites avec d'autres frameworks, car elles n'ont pas à charger de bibliothèques supplémentaires ni à mettre à jour un virtual DOM. De plus, le code Svelte est souvent plus concis et plus facile à lire et à maintenir, car il ne nécessite pas de syntaxe supplémentaire pour gérer les mises à jour du DOM.

SvelteKit

SvelteKit est un framework de développement d'applications Web full-stack basé sur Svelte. Il a été conçu pour fournir une solution complète pour le développement d'applications Web à l'aide de Svelte, du front-end au back-end.

Voici comment SvelteKit fonctionne en gros :

Vous créez un nouveau projet SvelteKit en utilisant la commande npx create-svelte-app. Cette commande crée un nouveau répertoire contenant une structure de fichiers de base pour votre application.
Vous écrivez du code Svelte pour le front-end de votre application en utilisant les composants Svelte. Vous pouvez également utiliser des APIs SvelteKit pour intégrer des fonctionnalités telles que la gestion des routes, la gestion des données et la gestion de l'état.
Vous écrivez du code JavaScript pour le back-end de votre application en utilisant les APIs SvelteKit. Ces APIs vous permettent de créer des routes pour votre application, de définir des points de terminaison API et de travailler avec des bases de données.
Vous utilisez la commande npm run build pour compiler votre application et la déployer sur un serveur. SvelteKit s'occupe de la création du bundle front-end et du serveur back-end nécessaires pour votre application.

SvelteKit vise à simplifier le développement d'applications Web en fournissant une solution tout-en-un qui prend en charge tous les aspects du développement d'une application, du front-end au back-end. Il s'intègre également bien avec d'autres outils et services couramment utilisés dans le développement Web, tels que les bases de données, les systèmes de gestion de version et les services de déploiement.