Redux တွင် အခြေခံ စကားလုံးများ

ဤသင်ခန်းစာတွင် Redux ကို နောက်ထပ် လေ့လာရာတွင် ကျွမ်းကျင်ထားရမည့် အခြေခံ သဘောတရားများနှင့် စကားလုံးများကို အတိုချုံး ဖြတ်သွားပါမည်။

ကျွန်ုပ်တို့စတင်မည်မှာ လုပ်ဆောင်ချက် (action) ဖြစ်သည်။ ၎င်းသည် ကျွန်ုပ်တို့၏အက်ပ်လီကေးရှင်းတွင် ဖြစ်ပျက်ခဲ့သည်ကို ဖော်ပြသော အဖြစ်အပျက်တစ်ခုဖြစ်သည်။ နည်းပညာအရ ၎င်းသည် သာမန် JavaScript အော့ဘ်ဂျက် တစ်ခုဖြစ်ပြီး လုပ်ဆောင်ချက်၏ အမည်ကို ကျွန်ုပ်တို့ရေးထည့်သည့် type ဟူသော ဖီးလ်တစ်ခု ပါဝင်သည်။

လုပ်ဆောင်ချက်ပါသော အော့ဘ်ဂျက်၏ ဒုတိယအရေးကြီးသော ဖီးလ်သည် payload ဖြစ်သည်။ ၎င်းသည် လုပ်ဆောင်ချက်၏ အသုံးဝင်သော ဝန်ဆောင်မှု ကို ပါဝင်မည်ဖြစ်သည်။ အသုံးဝင်သော ဝန်ဆောင်မှုဆိုသည်မှာ လုပ်ဆောင်ချက်ထဲသို့ ပါရာမီတာအဖြစ် လွှဲအပ်သော ဒေတာအချို့ဟု နားလည်ရပါမည်။

ထို့အပြင် ဤအော့ဘ်ဂျက်တွင် အခြားသော အချက်အလက်များ ပါဝင်သည့် အခြားဖီးလ်များလည်း ရှိနိုင်ပါသည်။

ဥပမာအနေဖြင့် လုပ်ဆောင်ချက်တစ်ခု ဖန်တီးပြီး addOrderAction ဟု အမည်ပေးကြပါစို့။ ၎င်းသည် အော်ဒါအသစ်ထည့်ခြင်းကို တာဝန်ယူသည်ဟု ဆိုကြပါစို့။ ဆိုလိုသည်မှာ type ပေါ်ပါရိုပါတီတွင် အော်ဒါကို ထည့်လိုက်ပြီဟု (orderAdded) အော်ဒါများထဲသို့ (orders) ဖော်ပြမည်။ ထို့နောက် payload တွင် အော်ဒါအကြောင်း အသေးစိတ် ဖော်ပြမည်၊ ဥပမာအားဖြင့် - နံရံကို ခြယ်ရန် ဆိုပါစို့။

jsxconst addOrderAction = {
  type: 'orders/orderAdded',
  payload: 'နံရံကို ခြယ်ပါ'
}

လုပ်ဆောင်ချက်ပါသော အော့ဘ်ဂျက်ကို တစ်ကြိမ်ချင်း လက်နှင့် မရေးမိစေရန်၊ ကျွန်ုပ်တို့သည် action creator ဟုခေါ်သည့် လုပ်ဆောင်ချက်ကို ဖန်တီးပေးပြီး ပြန်ပေးမည့် ဖန်ရှင်ကို အသုံးပြုနိုင်သည်။ ထိုဖန်ရှင်ကို addOrder ဟု အမည်ပေးမည်။ ပါရာမီတာအဖြစ် ၎င်းအား payload ပေါ်ပါရိုပါတီအတွက် လိုအပ်သော စာသားကို ပေးပို့မည်ဖြစ်သည်။

jsxconst addOrder = text => {
  return {
    type: 'orders/orderAdded',
    payload: text
  }
}

နောက်ထပ် အရေးကြီးသော သဘောတရားမှာ reducer (ရီဒျူဆာ) ဖြစ်သည်။ ၎င်းသည် လက်ရှိ အခြေအနေနှင့် လုပ်ဆောင်ချက်ပါသော အော့ဘ်ဂျက်ကို လက်ခံသော ဖန်ရှင်တစ်ခုဖြစ်သည်။ ဤဖန်ရှင်သည် အခြေအနေကို မည်သို့အပ်ဒိတ်လုပ်မည်ကို ဆုံးဖြတ်ပြီး လိုအပ်ပါက အပ်ဒိတ်လုပ်ပြီးသော စတိတ်ကို ပြန်ပေးသည်။

နောက်ထပ်သဘောတရားမှာ သိုလှောင်ရုံ (store) ဖြစ်သည်။ ၎င်းသည် Redux အက်ပ်လီကေးရှင်း၏ လက်ရှိ ဂလိုဘယ် အခြေအနေကို သိမ်းဆည်းထားသော အော့ဘ်ဂျက်တစ်ခုဖြစ်သည်။ ဤအော့ဘ်ဂျက်၌ လက်ရှိစတိတ်၏တန်ဖိုးကို ရယူနိုင်သည့် getState ဟုခေါ်သော နည်းလမ်းတစ်ခုရှိသည်။

သိုလှောင်ရုံတွင် dispatch ဟုခေါ်သော နည်းလမ်းလည်း ရှိသည်။ ၎င်းကို ခေါ်ယူပြီး လုပ်ဆောင်ချက်ပါသော အော့ဘ်ဂျက်ကို ပေးပို့ခြင်းသည် စတိတ်ကိုပြောင်းလဲရန် တစ်ခုတည်းသောနည်းလမ်းဖြစ်သည်။ ရလဒ်အနေဖြင့် စတိုးသည် ရီဒျူဆာဖန်ရှင်ကို အလုပ်လုပ်စေပြီး သူ့ထံတွင် စတိတ်၏တန်ဖိုးအသစ်ကို သိမ်းဆည်းမည်ဖြစ်သည်။

ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့ကြည့်ရှုမည့် နောက်ဆုံးသဘောတရားမှာ ဆယ်လက်တာများ ဖြစ်သည်။ ဆယ်လက်တာများသည် သိုလှောင်ရုံထဲရှိ စတိတ်မှ အချက်အလက်များကို မည်သို့ထုတ်ယူရမည်ကို သိသော အထူးဖန်ရှင်များဖြစ်သည်။ ဤဖန်ရှင်များသည် အက်ပ်လီကေးရှင်း ကြီးထွားလာသည့်အခါ အထူးအသုံးဝင်ပြီး ကုဒ်ထပ်ခြင်းကို ရှောင်ရှားရန် ကူညီပေးသည်။

ဤသဘောတရားအားလုံးနှင့် ၎င်းတို့ကို လက်တွေ့အသုံးချခြင်းအကြောင်း ဤသင်ရိုးစာအုပ်၏ နောက်ထပ်အခန်းများမှ တစ်ဆင့် ကျွန်ုပ်တို့ ပိုမိုသိရှိရမည်ဖြစ်သည်။