Aller au contenu

Devenir svelte avec Svelte

Par Patrice De Saint Steban

Atelier double (3 h) :
Langue :
Français

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

Patrice De Saint Steban
Profil Twitter de Patrice De Saint Steban Profil Github de Patrice De Saint Steban
Patrice De Saint Steban

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.