Expo နှင့် React Native

နားလည်ထားရမယ့် အချက်

React Native ဟာ JavaScript/TypeScript သုံးပြီး Android နဲ့ iOS ပေါ်မှာ real native UI components တွေကို render လုပ်ပေးတဲ့ core framework ဖြစ်ပါတယ်။

• Development tooling — fast dev server, hot reloading, Expo Go preview app
• Device API access — camera, location, notifications packages ready-made
• Build services — EAS Build က local Android Studio/Xcode မလိုဘဲ compile ပေးသည်
• Over-the-air (OTA) updates — app-store review မလိုဘဲ JS-level fix ပို့နိုင်သည်

ဒါတွေဟာ React Native သင်ယူဖို့ လိုအပ်ချက်ကို အစားထိုးမပေးပါဘူး — Expo ဟာ productivity layer တစ်ခုအနေနဲ့သာ အပေါ်ကနေ ထပ်ထားတာဖြစ်ပြီး၊ လိုအပ်ရင် bare workflow ဆီ ရွှေ့နိုင်ပါတယ်။

Expo

React Native အပေါ်တွင် တည်ဆောက်ထားသော tooling/platform ecosystem တစ်ခုဖြစ်ပြီး၊ development tooling, device API access, build services, OTA updates များကို ပိုမိုလွယ်ကူအောင် ကူညီပေးသည်။

EXPO BUILT ON REACT NATIVE
--------------------------
EXPO BUILT ON REACT NATIVE
-----
+------------------------------------------------------+
|                   EXPO ECOSYSTEM                      |
|  dev tooling | device APIs | EAS build | OTA updates  |
+------------------------------------------------------+
|             REACT NATIVE (CORE FRAMEWORK)             |
|      JavaScript / TypeScript -> native UI compo-      |
|      nents rendered on the platform                   |
+------------------------------------------------------+
|                 ANDROID   /   IOS  (NATIVE)           |
+------------------------------------------------------+

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

ယနေ့ React Native project အသစ်အများစုဟာ Expo ရဲ့ managed workflow နဲ့ စတင်ကြပါတယ်၊ setup friction တွေကို အများကြီးလျှော့ချပေးလို့ပါ — native project files တွေကို ကိုယ်တိုင်ထိစရာမလိုပါဘူး။

project ရဲ့ app.json (သို့) app.config.js file ထဲမှာ configuration အားလုံးကို တစ်နေရာတည်းမှာ ဖတ်လို့ရအောင် သိမ်းထားပေးပါတယ်။

forms, lists, camera, notifications, maps စတဲ့ standard app ကို team သေးသေးလေးနဲ့ တည်ဆောက်နေတယ်ဆိုရင် Expo managed workflow ဟာ real needs အများစုကို လုံလောက်စွာ ဖြေရှင်းပေးနိုင်ပါတယ်။

• Expo ဟာ React Native ရဲ့ competing framework မဟုတ်ဘဲ ၎င်းအပေါ်တည်ဆောက်ထားတဲ့ tooling ecosystem သာဖြစ်သည်
• Expo ဟာ dev tooling, device API access, build services (EAS Build), OTA updates လေးခုကို ပံ့ပိုးပေးသည်
• managed workflow နှင့် bare workflow ကြားက ရွေးချယ်မှုဟာ all-or-nothing မဟုတ်ဘဲ config plugins ဖြင့် တဖြည်းဖြည်း ရွှေ့နိုင်သည်

အတူတူ စမ်းရေးကြည့်မယ်

function suggestReactNativeWorkflow(project) {
  const { wantsSimplifiedSetup, needsCustomNativeModule, teamIsNewToMobile } = project;
  if (needsCustomNativeModule) {
    return "bare/custom React Native workflow (or Expo with a custom dev client)";
  }
  if (wantsSimplifiedSetup || teamIsNewToMobile) {
    return "Expo managed workflow";
  }
  return "Expo managed workflow (default recommendation)";
}

const firstTimeTeam = {
  wantsSimplifiedSetup: true,
  needsCustomNativeModule: false,
  teamIsNewToMobile: true
};

const customHardwareProject = {
  wantsSimplifiedSetup: false,
  needsCustomNativeModule: true,
  teamIsNewToMobile: false
};

const experiencedStandardProject = {
  wantsSimplifiedSetup: false,
  needsCustomNativeModule: false,
  teamIsNewToMobile: false
};

console.log("First-time mobile team:", suggestReactNativeWorkflow(firstTimeTeam));
console.log("Custom hardware project:", suggestReactNativeWorkflow(customHardwareProject));
console.log("Experienced team, standard app:", suggestReactNativeWorkflow(experiencedStandardProject));

First-time mobile team: Expo managed workflow
Custom hardware project: bare/custom React Native workflow (or Expo with a custom dev client)
Experienced team, standard app: Expo managed workflow (default recommendation)

simplified setup လိုချင်တဲ့ (သို့) mobile အတွက်အသစ်ဖြစ်တဲ့ team ကို Expo managed ဘက် ညွှန်းပြီး၊ custom native module လိုအပ်တဲ့ project ကိုတော့ bare workflow ဘက် ညွှန်းပေးပါတယ်။

Expo Documentation — How Mobile Apps Work