Redux ilovasining ishlashini muhokama qilish

Oldingi darslarda biz Redux ilovasi ishlashi uchun zarur bo‘lgan barcha tarkibiy qismlarni amalga oshirdik. Keling, xulosa chiqaramiz va ilovamizning mahsulotlar bilan ishlashining asosiy bosqichlarini qisqacha ko‘rib chiqamiz.

Birinchi marta ishga tushirilganda, bizning ilovamiz useSelector yordamida storedan ikkita mahsulotdan iborat ro‘yxatni oladi va ularni ekranda ko‘rsatadi. Ekranda, shuningdek, yangi mahsulot ma’lumotlarini kiritishimiz mumkin bo‘lgan shakl ko‘rsatiladi. Foydalanuvchi saqlash tugmasini bosganda, tugma ishlovchisi foydalanuvchi tomonidan shaklda kiritilgan yangi mahsulot ma’lumotlarini o‘z ichiga olgan productAdded actionini yuboradi. Biz mahsulotlar slaysi uchun yozgan reducer funksiyasi ushbu actionni qabul qiladi va mahsulotlar massiviga yangi mahsulot ob'ektini qo‘shadi. Store komponentlarga state ma’lumotlari o‘zgartirilganligini aytadi. Bizning ProductsList komponentimiz o‘zgartirilgan massivni o‘qiydi, renderlashni chaqiradi, natijada biz mahsulotlar ro‘yxatida qo‘shilgan mahsulotni ko‘ramiz.

Endi brauzerdagi Redux DevTools-ni ochamiz va ilovaga yana bir mahsulot qo‘shamiz, so‘ngra Log monitor yorlig‘iga qaramiz, bu yerda biz ilova ishga tushganida stateimiz qanday bo‘lganini va keyin, saqlash tugmasi bosilgandan so‘ng, qanday action paydo bo‘lganini ko‘rishimiz mumkin. Biz uning payload xususiyatini va global statedagi o‘zgarishlarni ko‘rishimiz mumkin.

Keyingi bobda biz Redux ilovamizdagi ma’lumotlar bilan yanada asosiyroq ishlaymiz.