React တွင် useEffect hook ၏ ကွဲပြားမှုများ

useEffect hook တွင် ထူးခြားပြီး အလွန်ရှားပါးစွာ အသုံးပြုသည့် အခြားပုံစံများလည်း ရှိသေးသည်၊ ထို့ကြောင့် ၎င်းတို့ကို တိုတောင်းစွာ ရပ်တန့်ထားပါမည်။

ပထမ ကွဲပြားမှုမှာ useLayoutEffect hook ဖြစ်ပြီး၊ ဒါဟာ browser က စခရင်ကို ပြန်ဆွဲမီ မတိုင်ခင် ဖြစ်ပေါ်သည်။ ဒီလိုအခွင့်အရေးကို အခြားအရာဝတ္ထုများပေါ် မူတည်၍ component ၏ အရွယ်အစားနှင့် တည်နေရာကို တွက်ချက်ရန် အသုံးပြုနိုင်သည်၊ ထို့နောက် browser က လိုအပ်သည့်နေရာတွင် ချက်ချင်း ပြသရန် ဖြစ်သည်။ ဤသို့ဖြင့်၊ ဥပမာအားဖြင့်၊ သင့် component ၏ တည်နေရာ သို့မဟုတ် အရွယ်အစား ပြောင်းလဲသည့်အခါ ယာယီခုန်ကူးမှုများကို user က မမြင်ရဘဲ၊ ၎င်း၏နောက်ဆုံးပုံစံများကိုသာ မြင်တွေ့ရမည်။

ဒုတိယ ကွဲပြားမှုမှာ useInsertionEffect hook ဖြစ်ပြီး၊ ဒါဟာ DOM tree ပြောင်းလဲမှုများ မဖြစ်မီ၊ ဆိုလိုသည်မှာ refs များ မတပ်ဆင်ရသေးပဲ DOM မပြင်ဆင်ရသေးသော အချိန်တွင် ဖြစ်ပေါ်သည်။ DOM ပြောင်းလဲမှု မတိုင်မီ CSS-in-JS libraries များမှ dynamic styles များကို ထည့်သွင်းရန် လိုအပ်သည့် နေရာများတွင် အဓိကအားဖြင့် အသုံးပြုသည်။