Bibliothèque Redux

Dans ce tutoriel, nous allons nous familiariser avec une bibliothèque JavaScript très utile et précieuse : Redux. Le nom de la bibliothèque provient de deux mots - le nom de la fonction reduce et de l'architecture Flux des applications React, qui est basée sur l'utilisation d'un flux de données unidirectionnel.

Tout d'abord, Redux est un conteneur prévisible ou un magasin pour les états des données de l'application. Nous avons déjà rencontré le concept d'état ou de state (state) lors de l'étude du tutoriel React. Avec Redux, on peut écrire des applications clientes, serveur ou natives qui se comportent de manière prévisible, sont facilement évolutives et testables.

Qu'est-ce qui rend Redux si attrayant ? Il nous aide à gérer l'état global de l'application. Les outils et techniques utilisés dans Redux permettent de comprendre plus facilement où, pourquoi et comment l'état a changé, ainsi que comment la logique de l'application se comportera en cas de tels changements.

Redux est une bibliothèque autonome, mais elle peut être utilisée en conjonction avec des framework populaires tels que React, Angular, Vue, ainsi qu'avec du JavaScript pur. En prenant un peu d'avance, je dirai que dans notre tutoriel, nous utiliserons la combinaison avec React.

Malgré l'importance de cet outil, lors de la création d'une application, il faut évaluer raisonnablement la nécessité de son utilisation. Vous avez besoin de Redux si vous avez un grand nombre d'états nécessaires dans différentes parties de l'application, ou si les états changent très souvent, ou peut-être si vous avez une logique trop complexe pour mettre à jour les états.