Основни термини во Redux

Во оваа лекција накусо ќе поминеме низ основните поими и термини, чие познавање е неопходно за понатамошното учене на Redux.

Ќе започнеме со акција (action). Ова е некој настан кој го опишува она што се случи во нашето апликација. Технички, ова е обичен JavaScript објект, кој содржи поле type, во кое го внесуваме името на акцијата.

Второ важно поле на објектот со акција е полето payload. Оно ќе содржи корисен товар на акцијата. Под корисен товар се подразбира некои податоци, кои се пренесуваат како параметри во акцијата.

Исто така, во овој објект може да има и други полиња со дополнителни информации.

Да создадеме една акција за пример и да ја именуваме 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 (store) - ова е објект, во кој се чува тековната глобална состојба на Redux апликацијата. Кај овој објект постои метод getState, со чија помош може да се добие тековната вредност на состојбата.

Кај store-от постои и метод dispatch. Да го повикаме и да му го пренесеме објектот со акција - ова е единствениот начин, за да се смени состојбата. Како резултат store-от ќе ја пушти функцијата-редјусер и ќе зачува кај себе новата вредност на состојбата.

И последниот поим, кој ќе го разгледаме во оваа лекција - ова се селектори. Селекторите - ова се специјални функции, кои знаат како да извлечат информација од состојбата, која се наоѓа во store-от. Овие функции се особено корисни при растот на апликацијата и помагаат да се избегне повторување на кодот.

Повеќе за сите овие поими и за нивната примена во пракса ќе дознаеме од следните делови од овој учебник.