React Native 0.61 အပ်ဒိတ်သည် ဖွံ့ဖြိုးတိုးတက်မှုအတွေ့အကြုံကို ပိုမိုကောင်းမွန်စေသည့် အဓိကအင်္ဂါရပ်အသစ်ကို ယူဆောင်လာပါသည်။

 

React Native 0.61 ၏အင်္ဂါရပ်များ

React Native 0.61 တွင်၊ ကျွန်ုပ်တို့သည် လက်ရှိ “တိုက်ရိုက်ပြန်တင်ခြင်း” (သိမ်းဆည်းပြီး ပြန်လည်စတင်ခြင်း) နှင့် “အမြန်ပြန်လည်ဆန်းသစ်ခြင်း” ဟုခေါ်သည့် အင်္ဂါရပ်အသစ်တစ်ခုအဖြစ် “hot reloading” မီးမောင်းထိုးပြမှုများကို ပေါင်းစပ်ထားသည်။ Fast Refresh တွင် အောက်ပါအခြေခံမူများ ပါဝင်သည်။

 

1. အမြန်ပြန်လည်စတင်ပါ။ လုပ်ဆောင်ချက် အစိတ်အပိုင်းများနှင့် Hooks အပါအဝင် လက်ရှိ React ကို လုံးဝ ပံ့ပိုးပေးသည်။
2. Fast Refresh သည် အမှားအယွင်းများနှင့် အမှားအယွင်းများ မှားယွင်းပြီးနောက် ပြန်လည်ရယူပြီး လိုအပ်သည့်အခါ အပြည့်အဝ ပြန်လည်စတင်ခြင်းသို့ ပြန်လည်ရောက်ရှိသွားပါသည်။
3. Fast Refresh သည် ထိုးဖောက်ကုဒ်ပြောင်းလဲမှုများကို မလုပ်ဆောင်နိုင်သောကြောင့် ၎င်းကို မူရင်းအတိုင်းဖွင့်ရန် လုံလောက်ပါသည်။

 

အမြန်ပြန်လည်စတင်ပါ။

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

ပူပြင်းသော ပြန်လည်စတင်ခြင်းသည် ကောင်းမွန်သော်လည်း၊ ၎င်းသည် အလွန်ဆိုးရွားပြီး ချိတ်များပါရှိသော အစိတ်အပိုင်းများကဲ့သို့ လက်ရှိ React အင်္ဂါရပ်များနှင့် အလုပ်မလုပ်ပါ။

React Native အဖွဲ့သည် ဤအင်္ဂါရပ်နှစ်ခုလုံးကို ပြန်လည်ဖန်တီးပြီး Fast Reload အင်္ဂါရပ်အသစ်သို့ ပေါင်းစပ်ထားသည်။ ၎င်းသည် ပုံသေဖွင့်ထားပြီး ဖြစ်နိုင်ပါက hot reload နှင့် နှိုင်းယှဥ်နိုင်သည် ၊ ၎င်းသည် သေချာပေါက်မဟုတ်ပါက full reload သို့ပြန်ကျသွားပါမည်။

 

React Native 0.61 သို့ အဆင့်မြှင့်တင်ခြင်း။

အလားတူပင်၊ React Native အဆင့်မြှင့်တင်မှုများ အားလုံးနှင့်အတူ၊ မကြာသေးမီက ပြုလုပ်ခဲ့သည့် ပရောဂျက်များအတွက် ကွာခြားချက်ကို ကြည့်ရှုပြီး သင့်ကိုယ်ပိုင်ပရောဂျက်တွင် ဤအပြောင်းအလဲများကို အသုံးချရန် အကြံပြုထားသည်။

 

မှီခိုမှုဗားရှင်းများကို အပ်ဒိတ်လုပ်ပါ။

ကနဦးအဆင့်မှာ သင်၏ package.json ရှိ အခြေအနေများကို အဆင့်မြှင့်ရန်နှင့် ၎င်းတို့ကို မိတ်ဆက်ပေးရန်ဖြစ်သည်။ React Native ဗားရှင်းတစ်ခုစီသည် React ၏ သီးခြားဗားရှင်းတစ်ခုနှင့် တွဲထားကြောင်း မှတ်သားထားပါ၊ ထို့ကြောင့် ၎င်းကိုလည်း အပ်ဒိတ်လုပ်ထားကြောင်း သေချာပါစေ။ react-test-renderer သည် React ဗားရှင်းနှင့် ကိုက်ညီကြောင်း သေချာစေသင့်သည်။ ၎င်းကိုအသုံးပြုပါက metro-react-native-babel-preset နှင့် Babel ဗားရှင်းများကို အဆင့်မြှင့်ပါ။

 

စီးဆင်းမှု အဆင့်မြှင့်တင်ခြင်း။

အစကတော့ ရိုးရိုးရှင်းရှင်းလေးပါ။ React Native အသုံးပြုသည့် Flow ဗားရှင်းကို 0.61 တွင် ပြန်လည်ဆန်းသစ်ထားသည်။ ၎င်းသည် သင့်တွင်ရှိသော flow container မှီခိုမှုကို ^0.105.0 ဟု သတ်မှတ်ပြီး သင့် [ဗားရှင်း] တွင် သင့် .flowconfig ဖိုင်တွင် အလားတူတန်ဖိုးရှိကြောင်း သေချာစေရန် လိုအပ်သည်ဟု ဆိုလိုသည်။

သင့်ပရောဂျက်တွင် အမျိုးအစားစစ်ဆေးခြင်းအတွက် Flow ကို အသုံးပြုနေပါက၊ ၎င်းသည် သင့်ကိုယ်ပိုင်ကုဒ်တွင် နောက်ထပ်အမှားအယွင်းများကို ဖြစ်ပေါ်စေနိုင်သည်။ အကောင်းဆုံးအကြံပြုချက်မှာ 0.98 နှင့် 0.105 အကွာအဝေးရှိ ဗားရှင်းများအတွက် ပြောင်းလဲခြင်းမှတ်တမ်းကို စူးစမ်းလေ့လာရန်ဖြစ်သည်။

သင့်ကုဒ်ကိုရိုက်စစ်ဆေးရန်အတွက် Typescript ကိုအသုံးပြုနေပါက၊ သင်သည် .flowconfig ဖိုင်နှင့် flow bin မှီခိုမှုကို အမှန်တကယ်ဖယ်ရှားနိုင်ပြီး ဤကွဲပြားမှုအနည်းငယ်ကို လျစ်လျူရှုနိုင်သည်။

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