Fonctionnement d'une application Redux

Maintenant, armés de la terminologie, nous pouvons brièvement examiner les étapes principales du fonctionnement d'une application Redux que vous allez créer par la suite.

Le fonctionnement de l'application suit le principe de flux de données unidirectionnel, comme nous l'avons déjà mentionné précédemment.

Lors de l'étape d'initialisation (au premier lancement de l'application), le store est créé à l'aide du réducteur racine. Le store appelle ce réducteur une seule fois et enregistre la valeur retournée comme état initial. Lors du rendu initial, les composants de l'application utilisent l'état courant enregistré dans le store. Ils s'abonnent également aux mises à jour du store pour être immédiatement informés d'un changement d'état.

Lors du fonctionnement ultérieur de l'application, voici ce qui se passe. Supposons que l'utilisateur ait cliqué sur un bouton. Dans ce cas, une action est formée à l'aide du code, puis envoyée vers le store. Le store exécute à nouveau le réducteur avec l'état qu'il contient et l'action reçue. En conséquence, la valeur modifiée de l'état est sauvegardée comme étant la nouvelle. De plus, le store notifie les composants abonnés aux changements que des modifications ont eu lieu. À leur tour, les composants vérifient si les parties de l'état dont ils ont besoin ont été modifiées. Enfin, si des modifications ont eu lieu, le composant déclenche un nouveau rendu pour afficher les nouvelles données.