ReactJS - Concept Flux

Flux est un concept de programmation, où les données sont uni-directional. Ces données pénètrent dans l'application et la traversent dans une direction jusqu'à ce qu'elles soient rendues à l'écran.

Éléments de flux

Voici une explication simple de la fluxconcept. Dans le chapitre suivant, nous apprendrons comment implémenter cela dans l'application.

  • Actions - Des actions sont envoyées au répartiteur pour déclencher le flux de données.

  • Dispatcher- Ceci est un hub central de l'application. Toutes les données sont expédiées et envoyées aux magasins.

  • Store- Store est l'endroit où l'état et la logique de l'application sont conservés. Chaque magasin maintient un état particulier et il sera mis à jour en cas de besoin.

  • View - Le view recevra les données du magasin et rendra à nouveau l'application.

Le flux de données est illustré dans l'image suivante.

Flux Pros

  • Un flux de données directionnel unique est facile à comprendre.
  • L'application est plus facile à maintenir.
  • Les parties de l'application sont découplées.