Redux rakenduse töö

Nüüd, olles relvastunud terminitega, saame lühidalt vaadelda Reduxil põhineva rakenduse põhietappe, mida te edaspidi loote.

Rakenduse töö toimub vastavalt andmete ühesuunalise voo ideele, nagu me varem mainisime.

Initsialiseerimise etapis (rakenduse esmaksel käivitamisel) luakse juurredutseeri abil pood (store). Pood kutsub seda redutseerit välja ainult üks kord ja salvestab selle poolt tagastatud väärtuse algseisundina. Esmasel renderdamisel kasutavad rakenduse komponendid poes salvestatud praegust seisundit. Samuti tellivad nad poe uuendused, et kohe teada saada seisundi muutumisest.

Rakenduse edasises töös toimub järgmist. Oletame, et kasutaja klõpsab hiirega nupul. Sel juhul vormistatakse koodi abil tegevus (action), mis saadetakse poodi. Pood käivitab redutseeri uuesti koos selles hoitava seisundi ja saadud tegevusega. Selle tulemusena salvestatakse muudetud seisundi väärtus uuena. Samuti teatab pood muutustele tellinud komponentidele, et muutused on aset leidnud. Omakorda kontrollivad komponendid, kas nende jaoks vajalikud osad seisundist on muutunud. Lõpuks, kui muutused on toimunud, kutsub komponent välja renderdamise, et kuvada juba uusi andmeid.