⊗jsrxPmWFDs 19 of 57 menu

Majadiliano ya Uendeshaji wa Programu ya Redux

Katika masomo yaliyopita tumetekeleza vipengele vyote muhimu vinavyohitajika kwa ajili ya uendeshaji wa programu ya Redux. Tufie muhtasari na tupitie kwa ufupi hatua kuu za uendeshaji wa programu yetu na bidhaa.

Wakati wa kuzindua kwa mara ya kwanza, programu yetu inachukua kutoka kwa duka orodha ya bidhaa mbili kwa kutumia useSelector na kuwaonyesha kwenye skrini. Skrini pia inaonyesha fomu, ambapo tunaweza kuingiza data ya bidhaa mpya. Wakati mtumiaji anapobonya kitufe cha kuhifadhi, kichakataji cha kitufe hutuma kitendo productAdded, kilicho na data ya bidhaa mpya, ambayo mtumiaji aliingiza kwenye fomu. Kitendakazi-kipunguzi, ambacho tuliandika kwa ajili ya kipande cha bidhaa, kinapokea kitendo hiki na kuongeza kwenye safu ya bidhaa kitu na bidhaa mpya. Dukaan inawaambia vipengele kuwa data ya hali iliyohifadhiwa imebadilishwa. Kipengele chetu ProductsList kinasoma safu iliyobadilishwa, huitza uwasilishaji, na kwa matokeo tunaona kwenye orodha ya bidhaa bidhaa iliyoongezwa.

Sasa tufungue Redux DevTools kwenye kivinjari na tuongeze kwenye programu bidhaa nyingine, kisha tuangalie kwenye kichupo cha Log monitor, hapa tunaweza kuona hali yetu ilikuwaje wakati wa kuzindua programu, na jinsi gani, baada ya kubonyeza kitufe cha kuhifadhi, kitendo kilionekana. Tunaweza kuona sifa yake payload na mabadiliko katika hali ya ulimwengu.

Katika sura inayofuata tutafanya kazi kwa msingi imara zaidi na data katika programu yetu ya Redux.

Zindua programu yako na wanafunzi. Fungua Redux DevTools kwenye kivinjari. Ingiza kwenye fomu kwenye ukurasa wa programu yako data kwa ajili ya mwanafunzi mmoja zaidi na uhifadhi. Angalia matokeo ya kazi kwenye kichupo cha Log monitor cha Redux DevTools.

Ongeza mwanafunzi mwingine na tena angalia mabadiliko kwenye kichupo cha Log monitor

hukkkaesde