Concept de flux ReactJS

Le flux est un concept de programmation où les données sont unidirectionnelles. Ces données entrent dans l'application et circulent dans une direction jusqu'à ce qu'elles soient affichées à l'écran.

Éléments de flux

VoicifluxUtilisation simple du concept. Nous apprendrons dans le prochain chapitre comment réaliser cela dans l'application.

• Actions −Envoyez des actions au dispatcher pour déclencher le flux de données.

• Dispatcher−C'est le centre névralgique de l'application. Toutes les données sont distribuées et envoyées au magasin.

• Store− Store est l'endroit où sont conservés l'état et la logique de l'application. Chaque magasin conserve un état spécifique et est mis à jour lorsque nécessaire.

• View−viewDes données seront reçues à partir du magasin et l'application sera re-renderisée.

La figure suivante décrit le flux de données.

Avantages du flux

• Le flux de données unidirectionnel est facile à comprendre.

• L'application est plus facile à entretenir.

• Les composants de l'application sont dé耦.