Contrôlez votre interface utilisateur avec Redux
Redux est une bibliothèque JavaScript open-source. Elle est inspirée de l’architecture Flux, développée par Facebook, qui est un gestionnaire d’état permettant de contrôler les données d’une application.
Redux est souvent utilisée pour créer des interfaces utilisateur, associée à des bibliothèques comme ReactJS ou Angular 2+.
Elle a été publiée par Andrew Clark et Dan Abramov le 2 juin 2015. Pour la conférence React Europe de 2015, Abramov a commencé à écrire la première implémentation de Redux. Il a ensuite contacté Abramov – auteur de Flummox, une implémentation de Flux – afin de collaborer sur ce nouveau projet. Redux continue d’être améliorée, avec régulièrement de nouvelles versions. Sa dernière publication stable date du 23 décembre 2019.
A quoi sert Redux ?
Dans une application, l’interface utilisateur est faite de composants : boutons, images, etc. Ce qu’affiche ces composants peut dépendre des états (ou states) de l’application. Les états sont modifiés par les actions de l’utilisateurs. Ces changements se font ressentir au niveau des composants. Tout cela est contrôlé par un gestionnaire d’état, comme Flux ou Redux.
Ce qui sépare Redux de ses alternatives, c’est son utilisation d’un seul état global.
Tous les composants dépendant des actions de l’utilisateur se réfèreront à cet état global.
Lorsque l’utilisateur effectue une action, le « store » – un objet qui gère l’état de l’application – en est informé. Un « reducer » – une fonction existant dans le store – modifie l’état de l’application en réponse à l’action de l’utilisateur.
Tous les composants utilisant cet état se mettent alors à jour pour refléter ces changements.
Redux est très facile à tester et débugger. Le code est strictement organisé, ce qui rend toute application utilisant Redux facile à appréhender pour les habitués de la bibliothèque.
Enfin, les états, avec Redux, sont prévisibles, et peuvent être stockés localement, les rendant persistants entre plusieurs lancements de l’application.
Un tuto Redux pour tout savoir de cette bibliothèque
L’utilisation de Redux nécessite une connaissance approfondie de JavaScript et d’outils comme
React et
Angular. La bibliothèque est peut-être simple, mais cela ne veut pas dire que l’on peut s’improviser expert !
Mais ! Ici-même, des formations Redux, qui vous permettront de maîtriser ce puissant gestionnaire d’états, n’attendent plus que vous ! Saisissez l’opportunité, et découvrez Redux dès aujourd’hui.