Hoe 'n Redux-toepassing werk

Nou, gewapen met die terminologie, kan ons kortliks die hoofstadia van die werking van 'n Redux-toepassing wat jy verder gaan skep, oorweeg.

Die toepassing werk volgens die idee van eënrigtingdata, soos ons reeds vroeër genoem het.

By die inisialiseringsstadium (tydens die eerste keer dat die toepassing begin) word die store (stoorplek) geskep met behulp van die wortelredukser. Die store (stoorplek) roep hierdie redukser slegs een keer en skryf die waarde wat dit teruggee as die aanvanklike toestand. Tydens die eerste weergawe (rendering) gebruik die komponente van die toepassing die huidige state (toestand), wat in die store (stoorplek) geskryf is. Hulle teken ook in op opdaterings van die store (stoorplek) om dadelik te weet van enige veranderinge aan die state (toestand).

Met die verdere werking van die toepassing gebeur die volgende. Gestel die gebruiker klik met die muis op 'n knoppie. In hierdie geval word met behulp van kode 'n action (aksie) geskep wat na die store (stoorplek) gestuur word. Die store (stoorplek) begin weer die redukser met die toestand wat daarin gestoor is en die ontvange action (aksie). As gevolg word die veranderde waarde van die state (toestand) as die nuwe een gestoor. Die store (stoorplek) lig ook die komponente wat op veranderinge ingeteken het in dat veranderinge plaasgevind het. Op hul beurt kyk die komponente of die dele van die toestand wat hulle nodig het verander is. Uiteindelik, as daar veranderinge was, dan roep die komponent weergawe (rendering) op om die nuwe data te vertoon.