Goal: See your first React Native app running in the iPhone Simulator.
Time: ~45β60 minutes
π§° Step 1: Install the Core Tools
Youβll need a few essentials β think of these as your developer kitchen setup.
- Homebrew β the package manager for macOS
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- Node.js (v20 or newer)
brew install node
- Git β check with:
git --version
If missing: brew install git
- Watchman β speeds up rebuilds
brew install watchman
π± Step 2: Set Up Xcode (for the iPhone Simulator)
- Install Xcode from the App Store (~10 GB).
- In Xcode β Settings β Locations β Command Line Tools β select latest version.
- Launch Simulator once: press β + Space β type βSimulatorβ.
βοΈ Step 3: Install Expo CLI
Expo makes React Native setup painless.
npm install -g expo-cli
Then create and enter your first app:
npx create-expo-app my-first-app
cd my-first-app
π Step 4: Run It!
npx expo start -p ios
Expo opens a browser tab with logs.
Your iPhone Simulator should show:
π βWelcome to React Native!β
Thatβs your first working build π
π Step 5: Celebrate Small Wins
Youβve got a full local dev setup!
Edit App.js, save, and watch the simulator hot-reload instantly.
π§ Optional Next Step
Try a native build:
npx expo run:ios
This prepares the app for later testing and submission.
Or use Bun - the drop in replacement for npx
https://bun.com/
brew install oven-sh/bun/bun
bun run ios
β Wrap-Up
You just installed Node, Git, Watchman, and Expo, set up Xcode, and ran your first app.
Top comments (0)