Redux lietotnes darbība

Tagad, bruņojušies ar terminiem, mēs varam īsi apskatīt galvenos lietotnes darbības posmus uz Redux, kuru jūs turpmāk izveidosiet.

Lietotnes darbība notiek saskaņā ar vienvirziena datu plūsmas ideju, kā mēs to jau iepriekš minējām.

Inicializācijas stadijā (pirmā lietotnes palaista laikā) ar saknes reducera palīdzību tiek izveidots glabātājs store. Glabātājs izsauc šo reduceri tikai vienu reizi un ieraksta tā atgriezto vērtību kā sākotnējo stāvokli. Primārā renderēšanas laikā lietotnes komponentes izmanto pašreizējo stāvokli, kas ierakstīts glabātājā. Tās arī abonē glabātāja atjauninājumus, lai nekavējoties uzzinātu par stāvokļa izmaiņām.

Lietotnes turpmākās darbības laikā notiek sekojošais. Pieņemsim, ka lietotājs ir noklikšķējis ar peles pogu uz pogas. Šajā gadījumā ar koda palīdzību tiek veidota darbība (action), kas tiek nosūtīta uz glabātāju. Glabātājs atkal palaiž reduceri ar tajā glabāto stāvokli un saņemto darbību. Rezultātā mainītā stāvokļa vērtība tiek saglabāta kā jauna. Arī glabātājs paziņo izmaiņu abonentiem - komponentēm, ka ir notikušas izmaiņas. Savukārt komponentes pārbauda, vai tām nepieciešamās stāvokļa daļas ir mainījušās. Visbeidzot, ja izmaiņas ir notikušas, komponente izsauc renderēšanu jau jauno datu attēlošanai.