Boîte à outils Redux : React Thunk et React Saga. Apprenez de Vishal Tiwari.

React Thunk et React Saga sont des bibliothèques middleware permettant de gérer les effets secondaires dans les applications React, en particulier pour la gestion des opérations asynchrones telles que les appels d'API. Les deux sont couramment utilisés avec Redux mais servent des objectifs et des approches légèrement différents.

Réagir

1. Aperçu :

React Thunk est un middleware qui vous permet d'écrire des créateurs d'actions qui renvoient des fonctions au lieu d'objets d'action. Ceci est utile pour gérer des opérations asynchrones telles que des requêtes API ou une logique synchrone complexe (comme la répartition conditionnelle d'actions). La fonction renvoyée reçoitexpéditionetobtenirÉtatcomme arguments, vous permettant de distribuer d'autres actions ou d'accéder à l'état actuel au sein de la fonction.

2. Concepts clés :

• Middleware : Thunk est un middleware qui étend la capacité du magasin à gérer des fonctions (c'est-à-dire thunks).
• Actions asynchrones : avec Thunk, vous pouvez retarder l'envoi d'une action ou l'envoyer conditionnellement en fonction d'un certain état ou d'une certaine logique.
• Simple : Thunk est relativement simple, ce qui le rend facile à utiliser dans la plupart des cas d'utilisation.

3. Comment ça marche :

• Normalement, les créateurs d'actions renvoient des objets JavaScript s...
  [Courte citation de 8% de l'article original]