Hvordan en Redux-applikasjon fungerer

Nå, bevæpnet med terminologi, kan vi kort gå gjennom hovedtrinnene i hvordan en Redux-applikasjon du vil opprette fremover fungerer.

Applikasjonen fungerer i henhold til ideen om enveisdatastrøm, som vi allerede har nevnt tidligere.

Under initialiseringsfasen (ved første oppstart av applikasjonen) opprettes butikken (store) ved hjelp av root reducer. Butikken kaller denne reduceren bare én gang og registrerer verdien den returnerer som starttilstanden. Ved primær rendering bruker komponentene i applikasjonen den nåværende tilstanden (state) som er registrert i butikken. De abonnerer også på oppdateringer fra butikken for umiddelbart å bli informert om tilstandsendringer.

Under applikasjonens videre arbeid skjer følgende. La oss anta at brukeren klikket med muse på en knapp. I dette tilfellet dannes en action med kode, som sendes til butikken. Butikken kjører igjen reduceren med tilstanden den lagrer og den mottatte action. Som et resultat lagres den endrede tilstandsverdien som den nye. Butikken varsler også komponenter abonnert på endringer om at endringer har funnet sted. Komponentene sjekker på sin side om delene av tilstanden de trenger er blitt endret. Til slutt, hvis endringer har funnet sted, utløser komponenten rendering for å vise de nye dataene.