Aller au contenu

Devenir svelte avec Svelte

Par Anthony Le Goas et Patrice De Saint Steban

Atelier double (3 h) :
Salle :
Salle 1
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