Баррасии кори барномаи Redux

Дар дарсҳои гузашта мо ҳамаи ҷузъҳои заруриро барои кори барномаи Redux амалӣ кардем. Биёед хулоса гирем ва кӯтоҳан ба марҳилаҳои асосии кори барномаи мо бо маҳсулот гузарем.

Дар коргузории нахустин, барномаи мо аз store рӯйхати ду маҳсулотро бо ёрии useSelector бароварда ва онҳоро дар экран нишон медиҳад. Дар экран инчунин шакле нишон дода мешавад, ки мо метавонем додаҳои маҳсулоти навро дохил кунем. Вақте ки корбар тугмаи захиракуниро мефишорад, киштёнак (handler) тугма экшени productAdded-ро мефиристад, ки дорои додаҳои маҳсулоти нав аст, ки корбар ба шакл ворид кардааст. Функсия-редюсере, ки мо барои слайси маҳсулот навишта будем, ин action-ро гирифта ва ба массиви маҳсулот объекти маҳсулоти навро илова мекунад. Store ба компонентҳо хабар медиҳад, ки додаҳои state нигоҳ дошташува тағир дода шудаанд. Компоненти мо ProductsList массиви тағирёфтаро хонда, рендерингро даъват мекунад, натиҷаи он мо дар рӯйхати маҳсулот маҳсулоти иловашударо мебинем.

Ҳоло Redux DevTools-ро дар браузер кушоем ва дар барнома маҳсулоти дигаре илова кунем, сипас ба варақаи Log monitor нигарем, дар ин ҷо мо метавонем бинем ки state-и мо дар вақти оғози барнома чӣ гуна буд ва чӣ тавр, пас аз фишурдани тугмаи захиракунӣ, action пайдо шуд. Мо метавонем хосияти payload-и он ва тағирот дар state-и глобалиро бинем.

Дар фасли оянда мо бештар асосан бо додаҳо дар барномаи Redux-и худ кор хоҳем кард.