React တွင် Hooks များ

ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် Hooks များကို စတင်မိတ်ဆက်ပါမည်။ ကျွန်ုပ်တို့သည် အခြေအနေများ (States) ကိုလေ့လာခဲ့စဉ်က ၎င်းတို့နှင့် ကြုံတွေ့ခဲ့ရပြီးဖြစ်သည် - ထိုနေရာတွင် အခြေအနေ Hook useState ဖြင့် အလုပ်လုပ်နည်းကို သင်ယူခဲ့ပြီးဖြစ်သည်။

ယေဘူယျအားဖြင့်၊ Hooks များသည် ပုံမှန် JavaScript လုပ်ဆောင်ချက်များ (functions) ဖြစ်ပြီး ၎င်းတို့၏အမည်များသည် 'use' ဟူသော စကားလုံးဖြင့် စတင်သည်။

Hooks များသည် အတန်းများ (classes) ကို မသုံးဘဲ React ၏ အခြေအနေများနှင့် အခြားစွမ်းရည်များကို အသုံးပြုခွင့်ပေးသည်။ ၎င်းတို့သည် ကွဲပြားသော အလုပ်များအတွက် ကုဒ်ကို ပြန်လည်အသုံးပြုခြင်း၊ စမ်းသပ်ခြင်းတို့ကို လွယ်ကူစေပြီး ရှုပ်ထွေးသော အစိတ်အပိုင်းများ (components) ကို ၎င်းတို့၏ ရည်ရွယ်ချက်အလိုက် ပိုမိုရိုးရှင်းသော လုပ်ဆောင်ချက်များအဖြစ် ခွဲခြားရန် ကူညီပေးသည်။ အချို့သော Hooks များသည် Redux ၏ လုပ်ဆောင်ချက်ကိုပင် အစားထိုးနိုင်စွမ်းရှိသည်။ ထို့အပြင်၊ Hooks များသည် application ၏ စွမ်းဆောင်ရည်ကို မြှင့်တင်ရန် ကူညီပေးသည်။

သင်သည် Hooks များကို အသုံးပြုလိုပါက အဓိက စည်းမျဉ်းနှစ်ခုကို လိုက်နာပါ။ ပထမတစ်ခုမှာ၊ ၎င်းတို့ကို အဆင့်မြင့်အလွာ (top level) တွင်သာ အသုံးပြုပါ - ကွင်းဆက်များ (loops)၊ အခြေအနေဖော်ပြချက်များ (conditional statements) သို့မဟုတ် အထပ်ထပ်လုပ်ဆောင်ချက်များ (nested functions) ၏အတွင်း၌ ခေါ်ယူအသုံးမပြုပါနှင့်။ ဒုတိယအချက်အနေဖြင့်၊ Hooks များကို React-လုပ်ဆောင်ချက်များ (React components သို့မဟုတ် အသုံးပြုသူကိုယ်ပိုင် hooks) မှသာ ခေါ်ယူသင့်ပြီး ပုံမှန် JavaScript လုပ်ဆောင်ချက်များမှ မခေါ်ယူသင့်ပါ။

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

နောက်လာမည့် သင်ခန်းစာတွင် Hooks အမျိုးအစားများကို ကြည့်ရှုပါမည်။