Funcționarea aplicației Redux

Acum, înarmați cu terminologia, putem să analizăm pe scurt etapele principale de funcționare a unei aplicații Redux, pe care o veți crea în continuare.

Aplicația funcționează conform ideii unidirecționalității datelor, așa cum am menționat deja anterior.

În etapa de inițializare (la primul pornire a aplicației) cu ajutorul reducer-ului rădăcină se creează depozitul store. Depozitul apelează acest reducer o singură dată și înscrie valoarea returnată de acesta ca stare inițială. La randarea primară, componentele aplicației utilizează starea curentă, înscrisă în depozit. De asemenea, ele se abonează la actualizările depozitului, pentru a afla imediat despre modificarea stării.

În funcționarea ulterioară a aplicației are loc următoarele. Să presupunem că utilizatorul a făcut clic cu mouse-ul pe un buton. În acest caz, cu ajutorul codului se formează o acțiune (action), care este trimisă în depozit. Depozitul din nou lansează reducer-ul cu starea stocată în el și acțiunea primită. În rezultat, valoarea modificată a stării este salvată ca una nouă. De asemenea, depozitul notifică componentele abonate la modificări despre faptul că schimbările au avut loc. La rândul lor, componentele verifică dacă părțile stării necesare pentru ele au fost modificate. În final, dacă modificările au avut loc, atunci componenta apelează randarea pentru a afișa deja noile date.