Sveltekit 1.0 est sorti et c’est cool 👍

Retranscription d’une conversation entre

Depuis plusieurs années, un nombre important de solutions, Framework, bibliothÚques, scripts agrémentent la vie des développeurs en proposant des fonctionnalités toujours plus puissantes et des possibilités de personnalisation plus avancées.

Du cĂŽtĂ© du “Front”, c‘est encore plus vrai puisque nous assistons Ă  l’émergence de beaucoup de solutions permettant d’amĂ©liorer encore l’expĂ©rience utilisateur (en rĂ©duisant les temps de chargement, en proposant des interfaces modernes et adaptĂ©es) et celle du dĂ©veloppeur (qui trouve lĂ  des facilitĂ©s dans la conception, les tests et dans le rendu final de son application).

Chez Sedona Solution, nous avons pris le parti depuis plusieurs annĂ©es de proposer et de bĂątir nos solutions Ă  partir de « Framework » comme Angular dans des contextes aussi variĂ©s que le Luxe, le Retail ou le BTP. 

Nos experts et dĂ©veloppeurs sĂ©niors sont donc rompus aux exigences de cette technologie et l’utilisent Ă  la fois pour des applications web mais Ă©galement dans la rĂ©alisation d’applications mobiles.

Notre responsable Front Mathieu, « dans sa veille permanente » chez Sedona Solution suit depuis quelques temps, les Ă©volutions du Framework Svelte issu des travaux menĂ©s par Monsieur Rich Harris (crĂ©ateur notamment de la bibliothĂšque rollup.js). 

La promesse de Svelte ? 

Rendre votre site plus “svelte” en rĂ©duisant au maximum la quantitĂ© de javascript nĂ©cessaire au bon chargement d’une page. Svelte atteint cet objectif en prĂ©calculant (compilant) le rendu de la page et le rendu des interactions de l’utilisateur avec celle-ci.

Il y a quelques semaines la communautĂ© a lancĂ© Sveltekit 1.0 qui s’appuie bien entendu sur Svelte 3.5 mais rajoute Ă©galement tous les composants permettant de crĂ©er des applications « Full Stack ».

Laissons maintenant Mathieu, Architecte Solutions et responsable Front chez Sedona Solution nous en dire plus.

 

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