4
votes

Quelle est la différence entre Action, Reducer et Store dans Redux?

Je suis nouveau dans react / redux. J'essaie de comprendre comment toutes les pièces de redux interagissent. La seule chose qui me pose problème est de comprendre la relation entre les actions et les réducteurs, magasin.

react-native react-redux redux redux-thunk redux-actions

1 commentaires

Je vous suggère de parcourir cet article medium.freecodecamp.org/...

3 Réponses :

5
votes

Magasin Un objet qui contient les données d'état des applications

Réducteur Une fonction qui renvoie des données d'état. Est déclenché par une action type

Action Un objet qui indique au réducteur comment changer l'état. Il doit contenir une propriété type . Il peut éventuellement contenir une propriété payload

1 commentaires

Je veux ajouter à "action", que la propriété type qu'elle contient est utilisée par le réducteur pour déterminer le type d'action que vous effectuez à l'intérieur du réducteur. Le modèle le plus courant pour cela consiste à accepter l'action en tant que paramètre dans le réducteur et à utiliser une instruction switch sur action.type pour déterminer exactement ce que vous voulez faire au magasin (état global)

3
votes

Imaginez une situation où vous voulez que vos composants basés sur la classe partagent des données entre eux. Ils peuvent même apporter des modifications aux données. On peut fournir des données à d'autres sous forme d'accessoires. Mais il est très difficile de garder une trace du nom des accessoires et de la structure des données.

Le Store simplifie en fait tout cela. Vous configurez l'architecture de votre application de manière à ce que les composants obtiennent leurs données de la fourniture connue sous le nom de Store . En fait, le mécanisme est si intelligent que le composant se re-rendra lorsque les données changeront puisque les composants sont tous des oreilles.

Et les Actions ne sont rien d'autre que les vecteurs de données de votre application vers le magasin.

Et il est très difficile d'articuler le concept de réducteurs. Vous pouvez imaginer un vrai magasin où l'on met des choses différentes pour une utilisation future. Le magasin ne sert à rien lorsque les choses sont placées au hasard. On peut passer des heures à l'intérieur mais ne rien trouver. Les Réducteurs en termes simples gèrent la façon dont les données sont conservées en magasin grâce aux actions.

0 commentaires

4
votes

Store -> Un état globalisé
Action -> Ce que vous voulez faire, par exemple: clic sur l'événement
Réducteur -> Décrit comment votre action transfère l'état à l'état suivant. Il vérifie quelle action a eu lieu et en fonction de l'action, il met à jour le magasin.
Distribuer -> Façon dont nous exécutons l'action. Par exemple: envoyez l'action au réducteur. Ensuite, le réducteur vérifiera ce qu'il faut faire et la boutique sera mise à jour.

0 commentaires