Delovanje aplikacije Redux

Zdaj, ko smo se seznanili s terminologijo, lahko na kratko pregledamo glavne faze delovanja aplikacije, zgrajene na Redux, ki jo boste izdelovali v nadaljevanju.

Delovanje aplikacije poteka po načelu enosmernega toka podatkov, kot smo že omenili prej.

V fazi inicializacije (ob prvem zagonu aplikacije) se s pomočjo korenskega reducerja ustvari shramba store. Shramba pokliče ta reducer le enkrat in zabeleži vrnjeno vrednost kot začetno stanje. Pri prvem renderjanju komponente aplikacije uporabijo trenutno stanje, shranjeno v shrambi. Prav tako se naročijo na posodobitve shrambe, da bodo takoj izvedele o spremembi stanja.

Pri nadaljnjem delovanju aplikacije se zgodi naslednje. Predpostavimo, da uporabnik klikne z miško na gumb. V tem primeru se s pomočjo kode oblikuje action, ki se pošlje v shrambo. Shramba spet zažene reducer s stanjem, shranjenim v njej, in prejetim action. Kot rezultat se spremenjena vrednost stanja shrani kot nova. Prav tako shramba obvesti komponente, naročene na spremembe, da so se te zgodile. Komponente nato preverijo, ali so bili spremenjeni deli stanja, ki jih potrebujejo. Končno, če so se spremembe zgodile, komponenta zažene renderjanje za prikaz novih podatkov.