Devenir svelte avec Svelte
- Atelier double (3 h) :
Le sujet
Svelte a une approche différente des autres frameworks populaires comme Angular, React ou Vue. Il transforme votre code à la compilation pour générer un code javascript vanilla au lieu d'embarquer le framework au runtime. Cela offre plusieurs avantages - Meilleures performances - Taille finale réduite - Syntaxe simplifiée - Analyse du code à la compilation
Documentation de Svelte: https://svelte.dev/docs
Documentation du SvelteKit: https://kit.svelte.dev/
Code source du workshop : https://github.com/zenika/labs-svelte
Prérequis
- Chrome/Firefox
- VSCode
- NodeJS LTS
- Code labs : https://codelab-svelte.web.app/
Plan
- Installation du framework
- Création d'un premier composant
- Passer des paramètres
- Utilisation de la réactivité
- Templating
- Events et binding
- Cycle de vie des composants
- Stores et contexte
- Animations
- Routing
- SSR
- Testing
Projet à réaliser : https://become-svelte.patou.dev/
Présenté par
Depuis plus de 13 ans, je me passionne pour le développement d'applications Web et Mobile, en touchant à toutes les couches du Front au Back jusqu'à son déploiement sur le Cloud.
J'ai travaillé sur des technologies très différentes, du PHP au Java et Javascript, du GWT à Angular et React, de Google App Engine à NodeJS.
Je m'intéresse maintenant à Flutter et Svelte.