تفہیم ، اور میں Redux Store Actions Reducers React

Redux سے چلنے والی ایپلی کیشن میں، فن تعمیر تین اہم تصورات کے گرد گھومتا ہے: Redux store ، actions اور reducers. آئیے ان تصورات میں سے ہر ایک کو مزید گہرائی میں دیکھیں اور دیکھیں کہ وہ ایک ساتھ کیسے کام کرتے ہیں۔

Redux Store

Redux store سچائی کا واحد ذریعہ ہے جو آپ کی درخواست کی مکمل حالت رکھتا ہے۔ یہ بنیادی طور پر ایک JavaScript آبجیکٹ ہے جس میں وہ ڈیٹا ہوتا ہے جو ایپلی کیشن کی پوری حالت کو ظاہر کرتا ہے۔ آپ Redux لائبریری سے فنکشن کا store استعمال کرتے ہوئے تخلیق کرتے ہیں۔ createStore

Actions

Actions سادہ JavaScript اشیاء ہیں جو ایپلی کیشن میں ہونے والی کسی چیز کی وضاحت کرتی ہیں۔ وہ ایک 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 کے ساتھ ترقی کرتے رہیں گے، یہ تصورات آپ کی ریاستی انتظامی حکمت عملی کی بنیاد بنائیں گے۔