Belangrike Terme in Redux
In hierdie les sal ons kortliks deur die belangrijkste begrippe en terme gaan, wat beheersing daarvan noodsaaklik is vir verdere studie van Redux.
Ons begin met aksie (action).
Dit is 'n sekere gebeurtenis wat
beskryf wat in ons
aansoek gebeur het. Tegnies is dit 'n gewone
JavaScript objek,
wat die veld type bevat, waarin ons die
naam van die aksie inskryf.
Die tweede belangrike veld van die aksie-objek
is die veld payload.
Dit sal die nuttige lading
van die aksie bevat. Onder nuttige lading word verstaan
sekere data wat as
parameters aan die aksie oorgedra word.
Daar kan ook ander velde in hierdie objek wees met bykomende inligting.
Kom ons skep byvoorbeeld 'n aksie
en noem dit addOrderAction. Laat dit
verantwoordelik wees vir die byvoeging van 'n bestelling.
Dan sal ons in die eienskap type aandui dat die
bestelling bygevoeg is (orderAdded) tot die bestellings
(orders). En in payload sal ons meer gedetailleerd aandui
wat die bestelling behels, byvoorbeeld - om 'n
muur te verf:
const addOrderAction = {
type: 'orders/orderAdded',
payload: 'Paint a wall'
}
Om nie elke keer die objek
met die aksie met die hand te skryf nie, kan ons die
sogenaamde action creator gebruik - 'n funksie,
wat vir ons die aksie-objek sal skep en terugstuur.
Laat ons dit noem
addOrder. As parameter sal ons
die nodige teks vir die
eienskap payload daaraan oordra:
const addOrder = text => {
return {
type: 'orders/orderAdded',
payload: text
}
}
Die volgende belangrike begrip in die ketting is die reducer (reducer) - 'n funksie wat die huidige toestand en die aksie-objek aanvaar. Hierdie funksie besluit hoe om die toestand op te dateer en gee die opgedateerde state terug, indien nodig.
Die volgende begrip is store (store) - dit is 'n objek waarin die huidige globale toestand van die Redux-aansoek gestoor word. Hierdie objek het 'n metode getState, waarmee die huidige waarde van die state verkry kan word.
Die store het ook 'n metode dispatch. Om dit te roep en die aksie-objek aan dit oor te dra - dit is die enigste manier om die state te verander. As gevolg hiervan sal die store die reducer-funksie uitvoer en die nuwe state-waarde by homself stoor.
En die laaste begrip wat ons sal beskou in hierdie les - dit is selectors. Selectors is spesiale funksies, wat weet hoe om inligting uit die state in die store te onttrek. Hierdie funksies blyk baie nuttig te wees wanneer die aansoek groei en help om kode-herhaling te voorkom.
Meer oor al hierdie begrippe en oor die toepassing daarvan in die praktyk sal ons leer in die volgende afdelings van hierdie handleiding.
