Redux-тегі негізгі терминдер

Бұл сабақта біз Redux-ты одан әрі зерттеу кезінде қажет негізгі түсініктер мен терминдерге қысқаша шолу жасаймыз.

Біз әрекет (action) дегеннен бастаймыз. Бұл біздің қолданбамызда болған оқиғаны сипаттайтын белгілі бір оқиға. Техникалық тұрғыдан бұл type өрісі бар жай ғана JavaScript объектісі, біз оған әрекеттің атауын жазамыз.

Әрекет объектісінің екінші маңызды өрісі 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) - бұл Redux қолданбасының ағымдағы жаһандық күйі сақталатын объект. Бұл объектте getState әдісі бар, оның көмегімен ағымдағы күй мәнін алуға болады.

Қоймада dispatch әдісі де бар. Оны шақырып, әрекет объектісін беру - бұл күйді өзгертудің жалғыз тәсілі. Нәтижесінде стор редьюсер функциясын іске қосады және өзіне күйдің жаңа мәнін сақтайды.

Және біз бұл сабақта қарастыратын соңғы түсінік - бұл селекторлар. Селекторлар - бұл қоймадағы күйден ақпаратты қалай алу керектігін білетін арнайы функциялар. Бұл функциялар қолданба өсіп келе жатқан кезде ерекше пайдалы болады және кодты қайталаудан сақтауға көмектеседі.

Бұл түсініктер туралы толығырақ және оларды тәжірибеде қолдану туралы біз осы оқулықтың келесі бөлімдерінен білеміз.