
React ရဲ့ useState Hook အကြောင်း
useState ကို ခေါ်သုံးတဲ့အခါ state ရဲ့နာမည်ကို ကိုယ်ပေးထားတဲ့အတိုင်း “state variable” တစ်ခုကို တည်ဆောက်ပါတယ်။ အပေါ်မှာ ဖော်ပြထားတဲ့ ဥပမာမှာ state နာမည်ကို “state” လို့ပေးထားပါတယ်။
Insights, tutorials, and thoughts on modern web development. From React patterns to career advice, explore articles that help you grow as a developer.

useState ကို ခေါ်သုံးတဲ့အခါ state ရဲ့နာမည်ကို ကိုယ်ပေးထားတဲ့အတိုင်း “state variable” တစ်ခုကို တည်ဆောက်ပါတယ်။ အပေါ်မှာ ဖော်ပြထားတဲ့ ဥပမာမှာ state နာမည်ကို “state” လို့ပေးထားပါတယ်။

HTTP (Hypertext Transfer Protocol) ဆို browser များ နှင့် server များအကြား ဆက်သွယ်ရန်အသုံးပြုတဲ့ network protocol တစ်ခုဖြစ်ပါတယ်။ Website တစ်ခုထဲဝင်တဲ့အခါ HTTP (သို့) HTTPS ကို သူ့ရဲ့ URL မှာ တွေ့နိုင်ပါတယ်။

Http နှင့် WebSocket နှစ်ခုစလုံးက client-server communication မှာသုံးတဲ့ communication protocol တွေဖြစ်ပါတယ်။

Web Server ဆိုသည်မှာ World Wide Web ပေါ်မှ client များ၏တောင်းဆိုမှုများကိုတုံ့ပြန်ရန် HTTP (Hypertext Transfer Protocol) နှင့် အခြား protocol များကိုသုံးသော software နှင့် hardware ဖြစ်သည်။

React useContext hook က app တစ်ခုလုံးမှာ data တွေကို pass လုပ်ဖို့ ပိုမိုလွယ်ကူစေပါတယ်။ React Context API ရဲ့အစိတ်အပိုင်းအချို့နဲ့ ပေါင်းစပ်ပြီးအသုံးပြုပါတယ်။ App က သိပ်မကြီးဘူးဆိုရင် Redux အစား Context API ကို အသုံးပြုလို့ရပါတယ်။ React Hook တွေကို အသုံးပြုမယ်ဆိုရင် functional component တွေက အများကြီးပိုကောင်းလာပါတယ်။ useContext hook က အသုံးပြုရတာအရမ်းလွယ်ကူပါတယ်။

Project ရဲ့ deadline အရမ်းနီးကပ်လာတဲ့အချိန်မှာ ဘာလုပ်ရမယ်၊ ဘာမလုပ်ရဘူးဆိုပြီး ဆုံးဖြတ်တတ်ဖို့အရမ်းအရေးကြီးပါတယ်။ တချို့ bug တွေက အခြား bug တွေထက် အရင်ဖြေရှင်းဖို့လိုနေတတ်ပါတယ်။

Application ကြီးလာတာနဲ့အမျှ Performance ပြဿနာက ပိုကြီးလာပါတယ်။ App ရဲ့ Performance ကောင်းဖို့အတွက် React ရဲ့ feature တွေကို မှန်မှန်ကန်ကန် အသုံးချတတ်ဖို့လိုပါတယ်။ အဲဒီ feature တွေထဲက React.useMemo ကို ရှင်းပြချင်ပါတယ်။

React မှာ component ရဲ့ lifecycle ကို အဓိကအားဖြင့် Mounting, Updating, Unmounting ဆိုပြီး အပိုင်း (၃) ခွဲခြားနိုင်ပါတယ်။ အပိုင်းတစ်ခုချင်းစီမှာ ကိုယ်ပိုင် lifecycle method (functional component မှာဆိုရင် Hook) ရှိကြပါတယ်။

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

useState ကို ခေါ်သုံးတဲ့အခါ state ရဲ့နာမည်ကို ကိုယ်ပေးထားတဲ့အတိုင်း “state variable” တစ်ခုကို တည်ဆောက်ပါတယ်။ အပေါ်မှာ ဖော်ပြထားတဲ့ ဥပမာမှာ state နာမည်ကို “state” လို့ပေးထားပါတယ်။

HTTP (Hypertext Transfer Protocol) ဆို browser များ နှင့် server များအကြား ဆက်သွယ်ရန်အသုံးပြုတဲ့ network protocol တစ်ခုဖြစ်ပါတယ်။ Website တစ်ခုထဲဝင်တဲ့အခါ HTTP (သို့) HTTPS ကို သူ့ရဲ့ URL မှာ တွေ့နိုင်ပါတယ်။

Hook တွေကို React version 16.8 မှာ ထည့်သွင်းထားတဲ့ feature အသစ် ဖြစ်ပါတယ်။ သူတို့က class ဆောက်ပေးစရာမလိုဘဲ state တွေနှင့် React ရဲ့ အခြားသော feature တွေကို သုံးလို့ရအောင် ကူညီပေးပါတယ်။ သူတို့ကို အဓိက functional component မှာ state နဲ့ side effect တွေကို ကိုင်တွယ်ဖို့ (handle) ရန်အတွက် အသုံးပြုပါတယ်။ React Hook တွေအားဖြင့် stateful fuction တွေကို functional component ထဲမှာ သုံးလို့ရပါတယ်။ Hook တွေကို class တွေထဲမှာ သုံးလို့မရပါဘူး။
Showing 1-3 of 24 articles
Get notified when I publish new articles. No spam, just quality content about web development.