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) - бул Redux тиркемесинин учурдагы жалпы абалы сакталган объект. Бул объекттин getState методу бар, анын жардамы менен стейттин учурдагы маанисин алууга болот.
Кампанын ошондой эле dispatch методу бар. Аны чакырып, амал объектин берүү - бул стейтти өзгөртүүнүн жалгыз жолу. Натыйжада стор редьюсер функциясын ишке киририп, өзүнө стейттин жаңы маанисин сактайт.
Бул сабакта биз карап чыга турган акыркы түшүнүк - бул селекторлор. Селекторлор - бул кампада турган стейттен маалыматты кантип алуу керектигин билген атайын функциялар. Бул функциялар тиркеме чоңойгондо айрыкча пайдалуу болуп, кодду кайталоодон сактайт.
Бул түшүнүктөр жөнүндө кененирээк жана аларды практикада колдонуу жөнүндө биз ушул окуу куралынын кийинки бөлүмдөрүнөн билебиз.