Sådan fungerer en Redux-applikation

Nu, udstyret med terminologien, kan vi kort gennemgå de grundlæggende trin i funktionen af en Redux-applikation, som du vil opbygge fremover.

Applikationen fungerer efter princippet om unidirektionel dataflow, som vi allerede har nævnt tidligere.

Ved initialiseringsfasen (ved applikationens første opstart) oprettes butikken (store) ved hjælp af root reduceren. Butikken kalder denne reducer kun én gang og registrerer den returnerede værdi som starttilstanden. Ved den primære rendering bruger applikationens komponenter den aktuelle state, der er gemt i butikken. De abonnerer også på opdateringer fra butikken for straks at blive underrettet om ændringer i staten.

I applikationens efterfølgende funktion sker følgende. Antag, at brugeren klikker på en knap med musen. I dette tilfælde dannes en action med kode, som sendes til butikken. Butikken kører igen reduceren med den gemte state og den modtagne action. Som et resultat gemmes den ændrede stateværdi som den nye. Butikken underretter også de komponenter, der er abonneret på ændringer, om at ændringer er foretaget. Komponenterne tjekker derefter, om de dele af staten, de har brug for, er blevet ændret. Endelig, hvis der er foretaget ændringer, udløser komponenten en rendering for at vise de nye data.