Development Environment Setup

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

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

Expo က React Native ပေါ်မှာ layer တစ်ခု ထပ်တင်ထားတဲ့ toolchain ဖြစ်ပြီး native code (Xcode, Android Studio) ကို directly touch မလုပ်ဘဲ app ကို run/build/publish လုပ်နိုင်ပါတယ် — beginner အတွက် setup time သိသိသာသာ လျှော့ချပေးပါတယ်။ React Native CLI ကတော့ native module custom ထည့်ချင်တဲ့အခါ full control ပေးပေမယ့် Xcode/Android Studio setup လိုအပ်ပါတယ်။ Expo Go app (phone ထဲ install) ကို သုံးရင် physical device ပေါ်မှာ QR code scan ရုံနဲ့ app ကို live preview လုပ်နိုင်ပါတယ်, emulator/simulator setup လုပ်ဖို့ မလိုအပ်တော့ပါဘူး။

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

npx create-expo-app my-app ကို run ရင် project scaffold အသစ် ဖန်တီးပေးပါတယ်။ npx expo start ကို run ရင် terminal ထဲ QR code ပေါ်လာပြီး, phone ထဲ Expo Go app နဲ့ scan လိုက်ရင် app ကို live preview လုပ်နိုင်ပါတယ် — code ကို save လိုက်တိုင်း phone ပေါ်မှာ hot reload ဖြစ်ပါလိမ့်မယ်။

Expo = beginner-friendly, React Native CLI = full control
npx create-expo-app = project scaffold ဖန်တီးခြင်း
Expo Go app + QR code = physical device ပေါ်မှာ live preview

Code နမူနာ

bash

# Create a new Expo project
npx create-expo-app my-first-app
cd my-first-app

# Start the development server
npx expo start

# Scan the QR code with the Expo Go app on your phone

You should see

Terminal ထဲ QR code ပေါ်လာပြီး Expo Go app နဲ့ scan လိုက်ရင် app ကို phone ပေါ်မှာ တွေ့ရမည်။

၅ မိနစ် စမ်းကြည့်

npx create-expo-app my-first-app ကို run ကြည့်ပါ။ Expo Go app ကို phone ပေါ် install လုပ်ပြီး QR code scan ကြည့်ပါ။

သတိလေးတစ်ချက်

Expo Go app က Expo project အတွက်ပဲ အလုပ်လုပ်ပါတယ် — custom native module ထည့်ထားတဲ့ project (React Native CLI) ကို preview လုပ်ဖို့ development build လိုအပ်ပါတယ်။