Redux-да асосий терминлар

Ушбу дарсда биз қиска қилиб Redux-ни ўрганишда эга бўлиш зарур бўлган асосий тушунча ва терминлар билан танишамиз.

Биз ҳаракат (action) билан бошлаймиз. Бу бизнинг иловамизда юз берган воқеани тасвирловчи баъзи бир воқеа. Texnik жиҳатдан бу type майдонига биз ҳаракат номини ёзадиган оддий JavaScript объектидир.

Ҳаракат объектининг иккинчи муҳим майдони payload майдонидир. Унда ҳаракатнинг фойдали юки сақланади. Фойдали юк деганда ҳаракатга параметрлар орқали uzatiladigan ma'lumotlar tushuniladi.

Шунингдек, бу объектда қўшимча маълумотлар бўлган бошқа майдоnлар ҳам бўлиши мумкин.

Мисол учун, келгилай бир ҳаракат яратиб, уни addOrderAction деб атайлик. У буюртма қўшиш учун жавобгар бўлсин. Демак, type хоссасида биз буюртма қўшилганлигини (orderAdded) буюртмаларга (orders) кўрсатамиз. payload да эса қайси буюртма эканлигини батафсилрок кўрсатамиз, масалан - деворни бўёш:

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

Ҳар сафар ҳаракат объектини қўлда ёзмаслик учун, биз ёрдамчи action creator дан фойдаланишимиз мумкин - бу бизга ҳаракат объектини яратиб берадиган функциядир. Уни addOrder деб атайлик. Параметр сифатида биз унга payload хоссаси учун керакли матнни узатамиз:

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

Кетма-кетликдаги кейинги муҳим тушунча - reducer (редьюсер) - бу ҳозирги ҳолат ва ҳаракат объектини қабул қиладиган функция. Бу функция ҳолатни қандай янгилаш ҳақида қарор қилади ва зарурат тугʻилган тақдирда янгиланган стейтни қайтаради.

Кейинги тушунча - омборхона (store) - бу Redux иловасининг ҳозирги глобал ҳолати сақланадиган объект. Ушбу объектнинг getState деб аталувчи усули бор, унинг ёрдамида ҳозирги стейт қийматини олиш мумкин.

Омборхонанинг шунингдек dispatch деб аталувчи усули ҳам бор. Уни чақириб, ҳаракат объектини узотish - стейтни ўзгартиришнинг ягона йўлидир. Натижада стор редьюсер функциясини ишга тушириб, ўзида стейтнинг янги қийматини сақлайди.

Ва ушбу дарсда биз кўриб чиқадиган охирги тушунча - селекторлар. Селекторлар - омборхонадаги стейтдан маълумотни қандай олишни биладиган махсус функциялардир. Ушбу функциялар илова кенгайган пайтда жуда фойдали бўлиб, код такрорланишини олдини олишга ёрдам беради.

Бу тушунчаларнинг барчаси ва уларни амалиётда қўллаш ҳақида батафсил маълумотни биз ушбу ўқув қўлланманинг кейинги бўлимларидан била оламиз.