Redux programos veikimas

Dabar, apsiginklavę terminais, galime trumpai apžvelgti pagrindinius Redux programos, kurią kursite toliau, veikimo etapus.

Programos veikimas vyksta pagal vienakrypčių duomenų idėją, kaip jau minėjome anksčiau.

Inicializavimo etape (pirmą kartą paleidus programą) naudojant šakninį reducerį sukuriama saugykla store. Saugykla iškviečia šį reducerį tik vieną kartą ir įrašo grąžintą reikšmę kaip pradinę būseną. Pirminio renderinimo metu programos komponentai naudoja esamą būseną, įrašytą saugykloje. Jie taip pat prenumeruoja saugyklos atnaujinimus, kad iškart sužinotų apie būsenos pasikeitimą.

Tolesnės programos veiklos metu vyksta tai. Tarkime, vartotojas paspaudė pelės mygtuką. Šiuo atveju su kodo pagalba suformuojamas action, kuris siunčiamas į saugyklą. Saugykla vėl paleidžia reducerį su joje laikoma būsena ir gautu action. Dėl to pakeista būsenos reikšmė išsaugoma kaip nauja. Be to, saugykla praneša užsiprenumeravusioms pasikeitimų komponentams, kad pokyčiai įvyko. Savo ruožtu komponentai žiūri, ar reikiamos jų būsenos dalys buvo pakeistos. Galiausiai, jei pakeitimai įvyko, komponentas iškviečia renderinimą jau naujiems duomenims rodyti.