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

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

1. Chaque fois que vous voulez remplacer l'état dans le magasin, vous envoyez une action.

2. L'action est captée par un ou plusieurs réducteurs.

3. Les réducteurs créent un nouvel état qui combine l'ancien état et l'action distribuée.

4. Les abonnés du magasin sont informés qu'il y a un nouveau état.

1. Quels sont les rôles des composants / conteneurs / actions / créateurs d'actions / magasin dans redux ?

• Store-détient l'état, et quand une nouvelle action arrive exécute le pipeline dispatch - > middleware - > reducers, et avertit les abonnés lorsque l'état est remplacé par un nouveau.

• Composants-muet voir les parties qui ne sont pas au courant de l'état directement. Aussi connu sous le nom de composants de présentation.

• Les Conteneurs - des morceaux de la vue qui sont conscients de l'état en utilisant react-redux. Aussi connu sous le nom de composants intelligents, et composants d'ordre supérieur

Notez que containers / Smart components vs. dumb components est juste un bon moyen de structurer votre application.

• Actions-identique au modèle flux-command avec le type et la charge utile.

• Créateurs D'Action - façon sèche de créer des actions (pas strictement nécessaire)

1. différence entre redux/réagir-redux/redux-thunk/tout les autres ?

• Redux - flux comme flow avec un seul magasin, qui peut être utilisé dans n'importe quel environnement que vous aimez, y compris vanilla js, react, angular 1/2, etc...

• React-redux - liaisons entre redux et react, qui crée des conteneurs (composants intelligents) qui écoutent les changements d'état du magasin, préparent les accessoires et redirigent la présentation (muet) composant.

• 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 peut être utilisé pour retarder l'envoi d'une action, ou pour expédier seulement si une certaine condition est remplie. Utilisé principalement pour les appels asynchrones à l'api, qui envoient une autre action en cas de succès / échec.

1. Il serait très utile si vous pouvez poster des liens vers n'importe quel simple et tutoriels Redux précis.

• Redux documents officiels

• Mise en route avec Redux

• Bâtiment Réagir Applications avec Idiomatiques Redux

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