Redux est une bibliothèque JavaScript open source utilisée pour gérer l'état des applications. React utilise Redux pour créer l'interface utilisateur. Il a été introduit pour la première fois par Dan Abramov et Andrew Clark dans 2015 .
React Redux est la liaison React officielle pour Redux. Il permet aux composants React de lire les données d'un Redux Store et de les envoyer Actions au Magasin pour mettre à jour les données. Redux aide les applications à évoluer en fournissant un moyen judicieux de gérer l'état via un modèle de flux de données unidirectionnel. React Redux est conceptuellement simple. Il s'abonne au magasin Redux, vérifie si les données souhaitées par votre composant ont changé et restitue votre composant.
concaténer une chaîne Java
Redux a été inspiré par Flux. Redux a étudié l'architecture Flux et a omis la complexité inutile.
- Redux n'a pas de concept Dispatcher.
- Redux a un seul Store alors que Flux a de nombreux Stores.
- Les objets Action seront reçus et traités directement par Store.
Pourquoi utiliser React Redux ?
Les principales raisons d’utiliser React Redux sont :
- React Redux est l'officiel Liaisons de l'interface utilisateur pour réagir à l'application. Il est tenu à jour avec toutes les modifications de l'API pour garantir que vos composants React se comportent comme prévu.
- Cela encourage une bonne architecture « React ».
- Il implémente de nombreuses optimisations de performances en interne, ce qui permet aux composants d'effectuer un nouveau rendu uniquement lorsque cela est réellement nécessaire.
Architecture redux
Les composants de l'architecture Redux sont expliqués ci-dessous.
MAGASIN: Un Store est un endroit où l’état complet de votre application est répertorié. Il gère le statut de la demande et dispose d'une fonction d'envoi (action). C'est comme un cerveau responsable de toutes les pièces mobiles de Redux.
ACTION: L'action est envoyée ou distribuée à partir de la vue qui sont des charges utiles qui peuvent être lues par les réducteurs. Il s'agit d'un pur objet créé pour stocker les informations de l'événement de l'utilisateur. Il comprend des informations telles que le type d'action, l'heure de l'événement, le lieu de l'événement, ses coordonnées et l'état qu'il vise à modifier.
RÉDUCTEUR : Le réducteur lit les charges utiles des actions, puis met à jour le magasin via l'état en conséquence. C'est une fonction pure pour renvoyer un nouvel état à partir de l'état initial.
Installation redux
Exigences: React Redux nécessite React 16.8.3 ou une version ultérieure.
chaîne Java
Pour utiliser React Redux avec l'application React, vous devez installer la commande ci-dessous.
$ npm install redux react-redux --save
