Quelles sont les différences entre redux, react-redux, redux-thunk?

Question

Je suis à l'aide de Réagir + Flux. Notre équipe de planification de passer de flux de redux. Redux est très confus pour moi, venant de flux du monde. Dans le flux de flux de contrôle est simple à partir de Composants -> actions -> Boutique et magasin de mises à jour de composants. Il est simple et très clair.

Mais dans redux sa confusion. Il n'y a pas de magasin ici, oui il y a quelques exemples, sans l'aide de store. Je suis passé par plusieurs tutoriels, il semble que tout le monde a son propre style de mise en œuvre. Certains sont à l'aide de Conteneurs et certains ne le sont pas. (Je ne sais pas ce Contenants de concept et de ne pas pouvoir comprendre ce mapStateToProps, mapDispatchToProps n').

1. Quelqu'un peut-il expliquer clairement comment le flux de contrôle qui se passe dans redux ?
2. Quels sont les rôles des composants/conteneurs/actions/action créateurs/magasin en redux ?
3. Différence entre redux/réagir-redux/redux-thunk/tout les autres???
4. Il serait très utile si vous pouvez poster des liens vers tout simple et précise redux tutoriels.

Answer 1

1. Quelqu'un peut-il expliquer clairement comment le flux de contrôle qui se passe dans redux ? Redux a (toujours) un seul magasin.

1. Chaque fois que vous voulez à la place de l'etat dans le magasin, vous envoi une action.

2. L'action est pris par l'un ou plusieurs réducteurs.

3. Le réducteur/s créer un nouvel état qui allie l'ancien état, et de l'envoyé d'action.

4. Le magasin les abonnés sont informés qu'il y a un nouvel état.

2. Quels sont les rôles des composants/conteneurs/actions/action créateurs/magasin en redux ?

• Magasin tient l'état, et lorsqu'une nouvelle action arrive pistes de l'expédition -> middleware -> réducteurs de pipeline, et informe les abonnés lorsque l'état est remplacé par un nouveau.

• Composants - muets voir les parties qui ne sont pas au courant de l'état directement. Savons aussi que la présentation des composants.

• Des conteneurs de pièces de la vue qui sont au courant de l'état à l'aide de réagir-redux. Aussi connu comme la smart des composants, et d'ordre supérieur composants

---

Noter que les conteneurs / smart composants vs muet composants est juste un bon moyen de la structure de votre application.

---

• Actions - même comme un flux - modèle de commande avec le type et la charge utile.

• L'Action des créateurs - SEC chemin de la création d'actions (pas strictement nécessaire)

3. Différence entre redux/réagir-redux/redux-thunk/tout les autres ?

• redux - flux comme flux avec un seul magasin, qui peut être utilisé quel que soit l'environnement que vous aimez, y compris la vanille js, réagir, angulaire 1/2, etc...

• réagir-redux - les liaisons entre redux et de réagir, qui crée des conteneurs (smart composants) que d'écouter le magasin de modifications de l'état, de préparer les accessoires et rerender la présentation (muet) des composants.

• redux-thunk - middleware qui permet d'écrire l'action des créateurs qui de retour d'une fonction au lieu d'une action. Le thunk peuvent être utilisées pour retarder l'envoi d'une action, ou à l'envoi que si une certaine condition est remplie. Utilisé principalement pour les appels asynchrones à l'api, qui envoi une autre action sur la réussite / échec.

4. Il serait très utile si vous pouvez poster des liens vers tout simple et précis redux tutoriels.

• Redux officiel docs

• Mise en route avec Redux

• Bâtiment Réagir Applications avec Idiomatiques Redux

• Éléments de présentation et de Composants Conteneurs

Answer 2

Pour répondre à votre question sur le titre:

Quelles sont les différences entre redux, react-redux, redux-thunk?

1. redux: librairie principale (indépendante de React)
2. redux-thunk: un middleware redux qui vous aide avec les actions asynchrones
3. react-redux: connecte votre magasin redux avec ReactComponents

Answer 3

• redux: Bibliothèque de gestion de l'état de l'application.
• react-redux: Bibliothèque de gestion de l'état de l'application React .
• redux-thunk: un middleware pour la journalisation, les rapports d'incidents, la communication avec une API asynchrone, le routage, etc.