Kuelewa, na ndani Redux Store Actions Reducers React

Katika programu inayoendeshwa na Redux, usanifu unazunguka dhana kuu tatu: Redux store, actions, na reducers. Hebu tuzame kwa undani zaidi kila mojawapo ya dhana hizi na tuone jinsi zinavyofanya kazi pamoja.

Redux Store

Redux store ni chanzo kimoja cha ukweli ambacho kinashikilia hali kamili ya ombi lako. Kimsingi ni kitu cha JavaScript ambacho kina data inayowakilisha hali nzima ya programu. Unaunda store kutumia createStore kazi kutoka kwa maktaba ya Redux.

Actions

Actions ni vitu wazi vya JavaScript ambavyo vinaelezea kitu kilichotokea kwenye programu. Hubeba type sehemu inayoonyesha aina ya kitendo kinachofanywa, na data ya ziada inaweza kujumuishwa pia. Actions huundwa kwa kutumia waundaji wa vitendo, ambao ni vitendaji ambavyo vinarudisha vitu vya vitendo. Kwa mfano:

// Action Types  
const ADD_TODO = 'ADD_TODO';  
  
// Action Creator  
const addTodo =(text) => {  
  return {  
    type: ADD_TODO,  
    payload: text  
  };  
};  

Reducers

Reducers bainisha jinsi hali ya programu inavyobadilika katika kujibu actions. Kipunguzaji ni chaguo la kukokotoa ambalo huchukua hali ya sasa na kitendo kama hoja na kurudisha hali mpya. Reducers zimeunganishwa kuwa kipunguza mizizi moja kwa kutumia combineReducers kitendakazi. Hapa kuna mfano rahisi:

// Reducer  
const todosReducer =(state = [], action) => {  
  switch(action.type) {  
    case ADD_TODO:  
      return [...state, action.payload];  
    default:  
      return state;  
  }  
};  
  
// Combine Reducers  
const rootReducer = combineReducers({  
  todos: todosReducer,  
  // ...other reducers  
});  

Kufanya Kazi Pamoja

Unapotuma kitendo kwa kutumia dispatch chaguo la kukokotoa, Redux inapeleka hatua hiyo kwa faili zote za reducers. Kila kipunguza kasi hukagua ikiwa aina ya kitendo inalingana na yake na kusasisha sehemu husika ya jimbo ipasavyo. Hali iliyosasishwa basi huhifadhiwa katika Redux store, na vipengele vyovyote vilivyounganishwa hutoa upya kulingana na hali mpya.

Mfano Scenario

Hebu fikiria programu ya orodha ya todo. Mtumiaji anapoongeza todo mpya, kitendo hutumwa kikiwa na aina ADD_TODO na maandishi ya todo kama mzigo wa malipo. Kipunguza todos hupokea kitendo hiki, huongeza todo mpya kwa jimbo, na kurejesha hali iliyosasishwa.

Hitimisho

Kuelewa jinsi Redux store, actions, na reducers kuingiliana ni muhimu kwa usimamizi bora wa serikali. Usanifu huu unahakikisha utengano wazi wa wasiwasi na hufanya iwe rahisi kudhibiti majimbo changamano ya maombi. Unapoendelea kukuza na Redux, dhana hizi zitaunda msingi wa mkakati wako wa usimamizi wa jimbo.