Diskutim i funksionimit të aplikacionit Redux

Në mësimet e mëparshme, ne implementuam të gjithë përbërësit e nevojshëm për funksionimin e aplikacionit Redux. Le të përmbledhim dhe të kalojmë shkurtimisht nëpër fazat kryesore të funksionimit të aplikacionit tonë me produktet.

Në nisjen e parë, aplikacioni ynë nxjerr nga store një listë me dy produkte duke përdorur useSelector dhe i shfaq ato në ekran. Në ekran shfaqet gjithashtu një formular, ku mund të vendosim të dhënat e një produkti të ri. Kur përdoruesi shtyp butonin e ruajtjes, përpunuesi i butonit dërgon një aksion productAdded, që përmban të dhënat e reja të produktit, të cilat i ka futur përdoruesi në formular. Funksioni-reduktues, të cilin e shkruajtëm për "slice"-in e produkteve, merr këtë aksion dhe shton në vargun me produkte objektin me produktin e ri. Store i thotë komponentëve që të dhënat e gjendjes së ruajtur janë ndryshuar. Komponenti ynë ProductsList lexon vargun e modifikuar, thërret "render"-imin, si rezultat i së cilës ne shohim në listën e produkteve produktin e shtuar.

Tani le të hapim Redux DevTools në shfletues dhe të shtojmë në aplikacion një produkt tjetër, pastaj le të shohim skedën Log monitor, këtu mund të shohim se si ishte gjendja jonë në nisjen e aplikacionit, dhe si pastaj, pas shtypjes së butonit të ruajtjes, u shfaq aksioni. Ne mund të shohim vetinë e tij payload dhe ndryshimet në gjendjen globale.

Në kapitullin vijues, ne do të punojmë më thellësisht me të dhënat në aplikacionin tonë Redux.