Reduxdagi Asosiy Atamalar

Ushbu darsda biz Reduxni keyingi o‘rganishda egallash zarur bo‘lgan asosiy tushunchalar va atamalar bo‘yicha qisqacha yurib chiqamiz.

Biz harakat (action) bilan boshlaymiz. Bu ilovamizda sodir bo‘lgan voqeani tasvirlovchi biror hodisa. Texnik jihatdan bu type maydoniga harakatning nomini yozadigan oddiy JavaScript ob'ekti.

Harakat ob'ektidagi ikkinchi muhim maydon payload maydonidir. U harakatning foydali yuki ni o‘z ichiga oladi. Foydali yuk deb harakatga parametrlar sifatida uzatiladigan ma'lumotlar tushuniladi.

Shuningdek, ushbu ob'ektda qo‘shimcha ma'lumotlar bilan boshqa maydonlar ham bo‘lishi mumkin.

Misol uchun keling, bir harakat yarataylik va uni addOrderAction deb ataylik. U buyurtma qo‘shish uchun javobgar bo‘lsin. Demak, type xususiyatida biz buyurtma buyurtmalarga (orders) qo‘shilganligini (orderAdded) ko‘rsatamiz. payload da esa qaysi buyurtma ekanligini batafsil ko‘rsatamiz, masalan - devorni bo‘yash:

const addOrderAction = {
	type: 'orders/orderAdded',
	payload: 'Paint a wall'
}

Har safar harakat ob'ektini qo‘lda yozmaslik uchun, biz action creator deb ataladigan narsadan foydalanishimiz mumkin - bu biz uchun harakat ob'ektini yaratadigan va qaytaradigan funksiya. Uni addOrder deb ataymiz. Parametr sifatida biz unga payload xususiyati uchun kerakli matnni uzatamiz:

const addOrder = text => {
	return {
		type: 'orders/orderAdded',
		payload: text
	}
}

Zanjirdagi keyingi muhim tushuncha - reducer (redyuser) - joriy holatni va harakat ob'ektini qabul qiladigan funksiya. Ushbu funksiya holatni qanday yangilash kerakligini hal qiladi va agar kerak bo‘lsa, yangilangan holatni qaytaradi.

Keyingi tushuncha - ombor (store) - bu Redux ilovasining joriy global holati saqlanadigan ob'ekt. Ushbu ob'ektning getState metodi mavjud bo‘lib, undan joriy holat qiymatini olish uchun foydalanish mumkin.

Omborda shuningdek dispatch metodi ham mavjud. Uni chaqirish va harakat ob'ektini uzatish - holatni o‘zgartirishning yagona usuli. Natijada stor redyuser funksiyasini isga tushiradi va o‘zida yangi holat qiymatini saqlaydi.

Va ushbu darsda ko‘rib chiqadigan oxirgi tushuncha - selektorlar. Selektorlar - bu ombordagi holatdan ma'lumotlarni qanday chiqarib olish kerakligini biladigan maxsus funksiyalar. Ushbu funksiyalar ilova kengayganda alohida foydali bo‘lib, kod takrorlanishining oldini olishga yordam beradi.

Ushbu tushunchalar haqida batafsil va ularni amaliyotda qo‘llash haqida biz ushbu o‘quv qo‘llanmasining keyingi bo‘limlaridan bilib olamiz.