Tout ce que vous voulez savoir sur Redux

Redux est un nouveau paradigme de programmation pour les interfaces Web. Il propose de centraliser l’intégralité du contexte de l’application en un seul endroit organisant toutes les transformations de façon reproductible.

Venez découvrir et mettre en pratique ces nouveaux concepts !

Initialement un PoC de développeur sur l'architecture Flux, Redux est passé, au cours de l’année 2015, du statut "encore une nouvelle implémentation Flux" au statut d'implémentation la plus populaire. Elle parvient aujourd'hui à fédérer les développeurs autour de Flux y compris en dehors de l’écosystème React.

Redux est un nouveau paradigme de programmation pour les interfaces Web. Il propose de centraliser l’intégralité du contexte de l’application en un seul endroit organisant toutes les transformations de façon séquentielles et reproductible.

Je vous propose un tour complet de la technologie par la même approche que préconise son créateur à savoir en allant voir directement le code de la librairie. Pas de panique ! L’essentiel de la librairie peut être écrit en un dizaine de lignes.

Une fois les concepts posés, nous vous proposerons un atelier mettant en oeuvre Redux dans une application existante qui ne sera autre que 2048. Avec plusieurs étapes, nous ferons évoluer l'application en l'orchestrant avec Redux et en utilisant progressivement les différents outils et design patterns couramment utilisés.

Vous serez rapidement à la tête d'une application fonctionnelle complètement debuggable avec les dev tools de Redux et un historique des transformations.

Pour préparer le workshop

• Installer Git & Node 4+
• Cloner le repository git du projet : https://github.com/Swiip/2048-redux (git clone https://github.com/Swiip/2048-redux.git)
• Se positionner sur la branche step-0 (git checkout step-0)
• Installer les dépendances NPM (npm install)