Redux иловасининг ишлаши

Энди биз терминлар билан таниш бўлганимиздан сўнг, кейинда яратадиган Redux иловасининг ишлашининг асосий босқичларини қисқача кўриб чиқамиз.

Илованинг ишлаши илгари айтиб ўтганимиздек, маълумотларнинг бир йўналишлиги идеясига асосланган холда амалга оширилади.

Ишга тушириш босқичида (илова биринчи марта ишга тушганида) илдиз редьюсер ёрдамида store - магазин яратилади. Магазин бу редьюсерни фақат бир марта чақириб, унинг қайтарган қийматини бошланғич holat сифатида ёзади. Dastlabki рендеринг пайтида илова компонентлари магазинда сақланган жорий стейтдан фойдаланади. Шунингдек, улар стейт ўзгаргани дароқ билиш учун магазиннинг янгиланшига обуна бўладилар.

Илованинг кейинги ишлаши давомида куйидагилар содир бўлади. Фароз қилайлик, фойдаланувчи сичқонча билан тугмача босди. Бу ҳолда код ёрдамида экшн шақллантирилиб, уни магазинга юборилади. Магазин ўзида сақланayotgan holat ва олинган экшн билан редьюсерни яна ишга туширади. Натижада ўзгартирилган стейт қиймати янги сиймати сифатида сақланади. Шунингдек, магазин ўзгаришлар рўй бергани ҳақида ўзгаришларга обуна бўлган компонентларга хабар беради. Ўз навбатида компонентлар ўзларига керак бўлган стейт қисмлари ўзгарганми-ёқми, текширадилар. Ва ниҳоят, агар ўзгаришлар рўй берган бўлса, компонент янги маълумотларни кўрсатиш учун рендерингни чақиради.