La révolution dans vos apps, c'est la gestion de l'état!

By Yohan Lasorsa

Elevator Pitch

Une révolution (presque) silencieuse est en cours dans le domaine des webapps, et pourtant nous sommes nombreux à passer à coté. Redux, VueX, NgRx, ces noms vous disent surement quelque chose? Découvrez pourquoi changer la gestion de l’état dans vos app va révolutionner votre manière de développer!

Description

Une révolution (presque) silencieuse est en cours dans le domaine des webapps, et pourtant nous sommes nombreux à passer à coté. Redux, VueX, NgRx, ces noms vous disent surement quelque chose? Découvrez pourquoi changer la gestion de l’état dans vos app va révolutionner votre manière de développer!

Angular, React, Vue… Le choix du framework, ce n’est pas le plus important aujourd’hui. Le coeur du problème n’est plus comment faire des composants web et quelle est la meilleure manière de le faire, mais plutot comment gérer leur état. Découvrez les grands principes derrière la gestion d’état centralisé, ses bénéfices sur les performances, la maintenance et le débuggage de vos apps.

Après un peu de théorie, nous verrons à travers des examples de code les différences que cela implique dans une application… quelque soit le framework utilisé!

Notes

J’ai été longtemps technico-sceptique face aux potentiels bénéfices apportés par ce nouveau paradigme (encore une lib de plus qui prétend tout révolutionner…), j’ai beaucoup étudié le sujet et son implémentation au travers des 3 plus gros frameworks front: Angular, React et Vue, en comparant avec/sans sur plusieurs POC, mais sans jamais réussir à le pousser au sein d’un gros projet.

J’ai finalement franchi le pas récemment en défendant puis réalisant la migration vers un systeme de gestion d’état centralisé au sein d’une “grosse” application Angular pour résoudre des problème de perfs et maintenabilité, et les bénéfices ont dépassé de loin mes espérances initiales!

Plan

  • Intro
    • Pourquoi la gestion d’état est devenue une problématique majeure dans nos apps?
    • Historique
  • Focus sur Redux
    • Principes
    • Codons notre propre Redux!
    • Le pattern redux avec Angular, Vuejs
  • Retour d’experience
    • La gestion d’état est-elle vraiment utile?
    • Bénéfices vs contraintes
    • Les pièges à éviter
  • Conclusion
    • Bilan du avant/après la mise en place d’une gestion d’état

Ayant été confronté de nombreuses fois sur diverses app web et mobiles à des problèmes qui auraient pu etre évités facilement grace à cette approche, je souhaite partager mon retour d’expérience à travers ce talk!