Redux alkalmazás működése

Most, hogy felvérteztük magunkat a terminusokkal, röviden áttekinthetjük a Redux-on alapuló alkalmazás főbb működési szakaszait, amelyeket a továbbiakban fog létrehozni.

Az alkalmazás működése az adatok egyirányúsága elmélete szerint történik, ahogyan azt korábban már említettük.

Az inicializálás szakaszában (az alkalmazás első indításakor) a gyökér reducer segítségével létrejön a store tároló. A tároló csak egyszer hívja meg ezt a reducert, és a visszaadott értéket rögzíti kezdeti állapotként. Az első rendereléskor az alkalmazás komponensei a tárolóban rögzített aktuális állapotot használják. Ezen felül feliratkoznak a tároló frissítéseire, hogy azonnal tudomást szerezzenek az állapot megváltozásáról.

Az alkalmazás további működése során a következő történik. Tegyük fel, hogy a felhasználó rákattintott egy gombra. Ebben az esetben a kód segítségével létrejön egy action, amelyet elküldenek a tárolónak. A tároló ismét meghívja a reducert a benne tárolt állapottal és a kapott actionnel. Ennek eredményeképpen az módosított állapotérték újként kerül eltárolásra. Ezenkívül a tároló értesíti a változásokra feliratkozott komponenseket arról, hogy változás történt. A komponensek viszont megvizsgálják, hogy a számukra szükséges állapotrészek megváltoztak-e. Végül, ha változás történt, akkor a komponens renderelést indít el az új adatok megjelenítéséhez.