Redux - Présentation

Redux est un conteneur d'état prévisible pour les applications JavaScript. Au fur et à mesure que l'application se développe, il devient difficile de la maintenir organisée et de maintenir le flux de données. Redux résout ce problème en gérant l'état de l'application avec un seul objet global appelé Store. Les principes fondamentaux de Redux aident à maintenir la cohérence dans toute votre application, ce qui facilite le débogage et les tests.

Plus important encore, il vous offre une édition de code en direct combinée à un débogueur qui voyage dans le temps. Il est flexible pour aller avec n'importe quelle couche de vue telle que React, Angular, Vue, etc.

Principes de Redux

La prévisibilité de Redux est déterminée par les trois principes les plus importants indiqués ci-dessous -

Source unique de vérité

L'état de l'ensemble de votre application est stocké dans une arborescence d'objets au sein d'un même magasin. L'état complet de l'application étant stocké dans une seule arborescence, cela facilite le débogage et accélère le développement.

L'état est en lecture seule

La seule façon de changer l'état est d'émettre une action, un objet décrivant ce qui s'est passé. Cela signifie que personne ne peut modifier directement l'état de votre application.

Les modifications sont effectuées avec des fonctions pures

Pour spécifier comment l'arborescence d'états est transformée par les actions, vous écrivez des réducteurs purs. Un réducteur est un endroit central où la modification d'état a lieu. Le réducteur est une fonction qui prend l'état et l'action comme arguments, et renvoie un état nouvellement mis à jour.