Redux aplikasiýasynyň işini çekişmek

Öňki sapaklarda biz Redux aplikasiýasynyň işlemegi üçin zerur bolan ähli bölekleri amala aşyrdyk. Geliň jem tutalyň we önümler bilen işleýän aplikasiýamyzyň esasy ädimlerine göz aýlap geçeliň.

Ilkinji işledilende, aplikasiýamyz store-dan iki önümiň sanawyny useSelector ýardamy bilen alyp ekrana görkezýär. Ekranda şeýle-de täze önümiň maglumatlaryny girip bileris forma görkezilýär. Ulanyjy saklamak düwmesine basanynda, düwmeniň işleýjisi ulanyjynyň formada girizen täze önümiň maglumatlaryny öz içine alýan productAdded ekşenini iberýär. Önümler slaysy üçin ýazdygymyz ýazyjy funksiýa bu action-i alyp, önümler massiwine täze önüm bilen bir objekt goşýar. Store komponentlere state maglumatlarynyň üýtgedilendigini habar berýär. Bizim ProductsList komponentimiz üýtgedilen massiwy okap, render etmegi çagyryp, netijede biz sanawda goşulan önümi görýäris.

Indi brauzerde Redux DevTools-i açalyň we aplikasiýada ýene bir önüm goşalyň, soňra Log monitor goňşusyna serediň, bu ýerde biz aplikasiýanyň işe girizilende state-ymiziň nähili bolandygyny we soňra, saklamak düwmesine basanyňyzdan soň, ekşeninň nädip peýda bolandygyny görüp bileris. Biz onuň payload hassa-syny we global state-däki üýtgeşmeleri görüp bileris.

Indiki babda biz öz Redux aplikasiýamyzdaky maglumatlar bilen has yzygiderli işleris.