Une UI dans tous ses états avec XState

Tools-in-Action

wm

Track : Web, JS, HTML5 et UX

Niveau de la présentation : débutant

Salle : Neuilly 252 AB

Horaire : mercredi 18:15 18:45

Résumé de la présentation :

Votre UI se complexifie ? Vous devez synchroniser pleins de booléens pour assurer les différents états de votre site ? Il est peut-être temps de penser machine à état !

XState est une librairie JavaScript qui permet de définir, interpréter et exécuter votre machine à état. Dans ce tool-in-action, nous verrons les concepts que propose cette librairie : états, transitions, évènements, actions, effets de bords, etc. Le tout de manière très visuelle et ludique grâce au XState Visualizer. Nous verrons ensuite comment intégrer cette machine à état dans une application web, et ce que cela implique en terme de code ainsi qu’au niveau des tests.

À l’issue de cette session, vous aurez de bonnes bases pour commencer à modéliser votre propre machine à état !

Salle Neuilly 252 AB

Rodolphe Bung Rodolphe Bung

Développeur fullstack expérimenté, j'ai travaillé sur plusieurs sites internet « grand public » et suis sensible aux problématiques de performance relatives à ce type de site.

Adepte des méthodes agiles et certifié ScrumMaster, j'aime le partage de connaissances et suis partisan de l'amélioration continue.

Initialement très orienté Java/Spring, je me passionne actuellement sur l'écosystème JavaScript (en particulier Node.js, React) qui offre de nombreuses possibilités (développement front et back, application mobile native ou desktop, etc.)