Sveltekit 1.0 est sorti et c’est cool 👍

Retranscription d’une conversation entre

 

Mathieu, en quelques mots, quels sont les avantages de Sveltekit 1.0 ? 

Un de ses principaux avantages et de reposer justement sur la librairie Svelte, un Framework puissant permettant grâce à son compilateur de créer des composants graphiques très léger avec un minimum de code à écrire. Svelte, existant depuis 2019 dans sa version 3, repose sur une communauté offrant une large gamme de composants UI « prêts à l’emploi ».

Svelte se concentre sur une seule problématique : l’écriture de composants UI (barre de navigation, boutons…)  avec peu de code tout en étant extrêmement performant. Pour rappel, le “compilateur” Svelte convertit ces composants graphiques pour être exploités nativement par l’HTML et les feuilles de style associées.

 

Il repose sur les standards du marché HTML, CSS et Javascript et peut s’adapter à tout type de développement de pages comme SPA, MAP, SSR etc.. C’est véritablement sa polyvalence et ses possibilités d’intégration qui font sa force.

De plus, Svelte est de plus en plus utilisé également en Front sur les plateformes multi-OS comme Tauri (je reviendrais sur ce Framework multi-plateforme dans un autre article) qui le propose en plus d’Angular ou React.

Bien qu’intéressante, la solution Svelte se concentre uniquement sur la problématique de création de composants en permettant de réaliser des pages mais laisse de côté plusieurs problématiques inhérentes à la création d’application web (gestion d’un router, multiples environnements de déploiement, chargement des données, …). C’est là que Sveltekit intervient. Sveltekit va fournir l’ensemble de l’outillage pour gérer la navigation entre les pages, les interactions avec la partie Back, le pré-chargement des pages pour diminuer les temps de chargement, etc.… bref tout ce que le développeur devait gérer auparavant « à la main ». 

C’est un gain de temps considérable pendant la phase de développement et la compilation permet de générer une application extrêmement véloce.

 

Pour quels usages ce Framework est-il réservé ? 

Je pense que ce Framework est adapté pour tous types d’applications que l’entreprise envisage de réaliser. Que ce soit un simple site Web comprenant une seule Page (SPA), un site e-commerce avec une forte problématique de SEO, ou un back-office/espace-client avec un ensemble de fonctionnalités avancées. D’ailleurs nous travaillons actuellement sur une application de gestion pour un grand compte qui a souhaité moderniser sa « stack » de développement en s’orientant sur SvelteKit. L’application est composée de plusieurs composants UI avancés, ainsi qu’un nombre d’interactions utilisateurs évoluées. 

 

Même si le projet n’est pas encore terminé, le client est ravi de la vitesse de développement, du temps d’affichage des pages, et du « rendu » final. De plus, la formation de ses équipes pour basculer vers Sveltekit est beaucoup moins ardue que pour d’autres Framework, en effet, Svelte reposant sur les standards du web (HTML, CSS, JS), le coût d’apprentissage est très faible pour quelqu’un connaissant déjà ces standards. C’est un vrai gage de qualité qui rentre dans son souhait d’industrialisation. 

 

Qu’attends tu des évolutions du produit ? 

Une version 1.0 est toujours un événement majeur dans la vie d’un produit. Malgré son petit numéro de version, Sveltekit est déjà un projet open-source ayant une documentation complète, une communauté qui grandit vite. Le site “state-of-js » lui a d’ailleurs décerné plusieurs top 1 dans son sondage annuel.  

 

Sveltekit a de beaux jours devant lui et ne risque pas de disparaitre de sitôt, en effet la société Vercel (société spécialisée dans le edge computing et derrière le framework Next.js) a investi sur le créateur de Sveltekit (Rich Harris) pour lui permettre de faire grandir et solidifier le projet. 

 

Le projet évolue très vite, il vient de passer il y a quelques jours à la version 1.5.0, et continue d’intégrer des nouvelles fonctionnalités qui permettent de raccourcir le temps de développement et améliorer l’expérience de navigation de l’utilisateur final.  

Chez Sedona Solution, on attend davantage de fonctionnalités intégrées “nativement” dans le Framework, comme par exemple la gestion du multi-langues ou plus de facilité pour la gestion des formulaires complexes, mais nous sommes déjà étonnés par la productivité que ce Framework nous apporte. 

 

En conclusion 

Je rappellerais aussi Mathieu que tu as animé l’année dernière un webinar dédié à Svelte intitulé “Pourquoi on aime Svelte ?” qui présente par des démonstrations, les formidables capacités du Framework. Ce webinar comme tous les événements Online de Sedona sont à retrouver sur notre chaine Youtube ici : https://www.youtube.com/@sedonafrance9785  

 

 

Nous utilisons actuellement Svelte et Sveltekit sur de nombreux projets alors n’hésitez pas à nous contacter pour échanger sur vos besoins ou partager l’expérience de nos architectes.  

Contact : rpoulachon@sedona.fr