React Native ဆိုတာ ဘာလဲ

ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်

React Native ဆိုတာ Meta (Facebook) ကနေ ဖန်တီးထားတဲ့ framework ဖြစ်ပြီး React ရဲ့ component/state/props concept တွေကို reuse လုပ်ပေမယ့် web browser အစား native mobile app (iOS, Android) ကို build ပေးပါတယ်။ HTML tag (div, span) အစား View, Text, Image ကဲ့သို့ native component တွေကို သုံးပြီး, ဒီ component တွေကို platform တစ်ခုစီရဲ့ native UI element (iOS UIView, Android View) အဖြစ် compile ချပေးပါတယ် — ဒါကြောင့် 'native app' လို့ ခေါ်တာပါ, WebView ထဲမှာ website run နေတာ မဟုတ်ပါဘူး။

လက်တွေ့ scenario နဲ့ ချိတ်ကြည့်မယ်

Company တွေက React Native ကို codebase တစ်ခုတည်းနဲ့ iOS/Android နှစ်ခုစလုံးအတွက် app ထုတ်ဖို့ ရွေးလေ့ရှိပါတယ် — Instagram, Discord, Shopify app တွေက React Native ကို production မှာ သုံးနေကြပါတယ်။ React web developer တစ်ယောက်အတွက် React Native ကို လေ့လာတာက JSX syntax, component lifecycle, hooks concept တွေ အားလုံး တူညီနေလို့ learning curve သိပ်မမြင့်ပါဘူး — ကွာတာက UI component set နဲ့ mobile-specific API များပါ။

• React Native = JavaScript/React skill ဖြင့် native mobile app ရေးခြင်း
• HTML tag အစား View/Text/Image ကဲ့သို့ native component သုံးခြင်း
• Codebase တစ်ခုတည်းနဲ့ iOS + Android နှစ်ခုစလုံး build လုပ်နိုင်ခြင်း

Code နမူနာ

Web (React)          Mobile (React Native)
-----------------    ------------------------
<div>                 <View>
<span>, <p>           <Text>
<img>                 <Image>
<button onClick>      <TouchableOpacity onPress>
CSS file/className     StyleSheet object

React web component ကို React Native component နဲ့ ခွဲခြားနိုင်မည်။