Основни појмови у 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 (редјуцер) - функција која прима тренутно стање и објекат са акцијом. Ова функција одлучује како да ажурира стање и враћа већ ажурирано стање (state), ако је то потребно.

Следећи појам - складиште (store) - то је објекат у којем се чува тренутно глобално стање Redux апликације. Овај објекат има метод getState, помоћу кога се може добити тренутна вредност стања.

Складиште има такође метод dispatch. Позвати га и проследити му објекат са акцијом - једини је начин да се промени стање. Као резултат складиште ће покренути функцију-редјуцер и сачуваће у себи нову вредност стања.

И последњи појам који ћемо размотрити у овој лекцији - то су селектори. Селектори су специјалне функције, које знају како да извуку информацију из стања које се налази у складишту. Ове функције се показују посебно корисним када апликација порасте и помажу да се избегне понављање кода.

Детаљније о свим овим појмовима и о њиховој практичној употреби сазнаћемо из следећих одељака овог туторијала.