Redux колдонмосун иштетүүнү талкуулоо

Өткөн сабактарда биз Redux колдонмосу иштөө үчүн зарыл бардык компоненттерди ишке ашырдык. Келгиле жыйынтык чыгарып, өнүмдөр менен иштеген биздин колдонмонун негизги этаптарынан кыскача өтөлү.

Биринчи жолу иштетилгенде, биздин колдонмо useSelector жардамы меней store'дон эки өнүмдүн тизмесин алып, аларды экранда көрсөтөт. Экранда ошондой эле биз жаңы өнүмдүн маалыматтарын киргизе ала турган форма көрсөтүлөт. Колдонуучу сактоо баскычын басканда, баскычтын иштетүүчүсү productAdded экшенин жиберет, ал колдонуучу формага киргизген жаңы өнүмдүн маалыматтарын камтыйт. Биз өнүмдөр слайси үчүн жазган функция-редьюсер бул action'ды кабыл алып, өнүмдөр массивине жаңы өнүм объектин кошот. Store компоненттерге state'те сакталган маалыматтар өзгөргөндүгүн билдирет. Биздин ProductsList компоненти өзгөртүлгөн массивди окуп, рендерингти чакырат, натыйжада биз тизмеде кошулган өнүмдү көрөбүз.

Эми браузердеги Redux DevTools'ту ачып, колдонмого дагы бир өнүм кошолу, андан кийин Log monitor кошумча бетин карайлы, бул жерде биз колдонмо иштоого чыккандагы state'ибиздин кандай болгонун жана андан кийин, сактоо баскычын баскандан кийин, action'дин кантип пайда болгонун көрө алабыз. Биз анын payload касиетин жана глобалдык стейттеги өзгөрүүлөрдү көрө алабыз.

Кийинки бөлүмдө биз Redux колдонмосундагы маалыматтар менен негизинен иштейбиз.