புரிதல், மற்றும் _ Redux Store Actions Reducers React

Redux-இயங்கும் பயன்பாட்டில், கட்டிடக்கலை மூன்று முக்கிய கருத்துக்களைச் சுற்றி வருகிறது: Redux store, actions மற்றும் reducers. இந்த கருத்துக்கள் ஒவ்வொன்றையும் ஆழமாக ஆராய்வோம், அவை எவ்வாறு ஒன்றாக வேலை செய்கின்றன என்பதைப் பார்ப்போம்.

Redux Store

Redux store என்பது உங்கள் விண்ணப்பத்தின் முழு நிலையைக் கொண்டிருக்கும் உண்மையின் ஒரு ஆதாரமாகும். இது அடிப்படையில் ஒரு ஜாவாஸ்கிரிப்ட் பொருளாகும், இது முழு பயன்பாட்டு நிலையைக் குறிக்கும் தரவைக் கொண்டுள்ளது. நீங்கள் Redux நூலகத்திலிருந்து செயல்பாட்டைப் store பயன்படுத்தி உருவாக்குகிறீர்கள். createStore

Actions

Actions பயன்பாட்டில் நடந்த ஒன்றை விவரிக்கும் எளிய ஜாவாஸ்கிரிப்ட் பொருள்கள். அவை type செயல்பாட்டின் வகையைக் குறிக்கும் புலத்தை எடுத்துச் செல்கின்றன, மேலும் கூடுதல் தரவையும் சேர்க்கலாம். Actions செயல் கிரியேட்டர்களைப் பயன்படுத்தி உருவாக்கப்படுகின்றன, அவை செயல் பொருள்களைத் திரும்பப் பெறும் செயல்பாடுகளாகும். உதாரணத்திற்கு:

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

Reducers

Reducers க்கு பதிலளிக்கும் விதமாக பயன்பாட்டின் நிலை எவ்வாறு மாறுகிறது என்பதைக் குறிப்பிடவும் actions. குறைப்பான் என்பது ஒரு தூய செயல்பாடாகும், இது தற்போதைய நிலை மற்றும் ஒரு செயலை வாதங்களாக எடுத்து ஒரு புதிய நிலையை வழங்குகிறது. Reducers செயல்பாட்டைப் பயன்படுத்தி ஒற்றை ரூட் குறைப்பானாக இணைக்கப்படுகின்றன combineReducers. இங்கே ஒரு எளிய உதாரணம்:

// 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  
});  

ஒன்றாக வேலை

செயல்பாட்டைப் பயன்படுத்தி நீங்கள் ஒரு செயலை அனுப்பும்போது dispatch, ​​Redux செயலை அனைவருக்கும் அனுப்புகிறது reducers. ஒவ்வொரு குறைப்பவரும் செயலின் வகை அதன் சொந்தத்துடன் பொருந்துகிறதா என்பதைச் சரிபார்த்து, அதற்கேற்ப மாநிலத்தின் தொடர்புடைய பகுதியைப் புதுப்பிக்கிறது. புதுப்பிக்கப்பட்ட நிலை பின்னர் Redux இல் சேமிக்கப்படும் store, மேலும் இணைக்கப்பட்ட கூறுகள் புதிய நிலையின் அடிப்படையில் மீண்டும் வழங்கப்படுகின்றன.

எடுத்துக்காட்டு காட்சி

டோடோ பட்டியல் பயன்பாட்டை கற்பனை செய்து பாருங்கள். ADD_TODO ஒரு பயனர் புதிய டோடோவைச் சேர்க்கும்போது, ​​டோடோவின் வகை மற்றும் உரையுடன் பேலோடாக ஒரு செயல் அனுப்பப்படும். டோடோஸ் குறைப்பான் இந்தச் செயலைப் பெற்று, புதிய டோடோவை மாநிலத்தில் சேர்த்து, புதுப்பிக்கப்பட்ட நிலையைத் தருகிறது.

முடிவுரை

பயனுள்ள மாநில நிர்வாகத்திற்கு Redux store, actions மற்றும் ஊடாடுவது எப்படி என்பதைப் புரிந்துகொள்வது மிகவும் முக்கியமானது. reducers இந்த கட்டமைப்பு கவலைகளை தெளிவாக பிரிப்பதை உறுதிசெய்கிறது மற்றும் சிக்கலான பயன்பாட்டு நிலைகளை நிர்வகிப்பதை எளிதாக்குகிறது. நீங்கள் Redux உடன் தொடர்ந்து உருவாக்கும்போது, ​​இந்த கருத்துக்கள் உங்கள் மாநில மேலாண்மை உத்தியின் அடித்தளத்தை உருவாக்கும்.