React Native - Get Started

Before You Start

Node.js 18+

JavaScript runtime

Watchman (Mac)

File watcher by Facebook

Xcode (iOS)

For iOS development on Mac

Android Studio

For Android development

Get It Running

Recommended

Expo (Recommended for beginners)

The easiest way to start with React Native.

These instructions work the same on Mac and Windows.

First, open your Terminal:

⌘ + Space → type "Terminal" → press Enter

1

Run

npx create-expo-app@latest my-app

2

cd my-app

3

npx expo start

4

Download Expo Go app on your phone

5

Scan the QR code to see your app

First, open your Terminal:

Win + R → type "cmd" or "powershell" → press Enter

1

Run

npx create-expo-app@latest my-app

2

cd my-app

3

npx expo start

4

Download Expo Go app on your phone

5

Scan the QR code to see your app

React Native CLI

For full control over native code.

These instructions work the same on Mac and Windows.

First, open your Terminal:

⌘ + Space → type "Terminal" → press Enter

1

Follow the environment setup guide at reactnative.dev

2

Run

npx react-native@latest init MyApp

3

cd MyApp

4

npx react-native start

5

In another terminal

npx react-native run-ios (or run-android)

First, open your Terminal:

Win + R → type "cmd" or "powershell" → press Enter

1

Follow the environment setup guide at reactnative.dev

2

Run

npx react-native@latest init MyApp

3

cd MyApp

4

npx react-native start

5

In another terminal

npx react-native run-ios (or run-android)

Start Vibe Coding

Create your project, push to GitHub, and start coding with AI in one go.

First, make sure you have these installed:

Git - Version control
GitHub CLI - Create repos from terminal
Cursor - AI-powered code editor

Project Name

Download Setup Script Recommended

Download and run a script that sets up everything automatically.

How to run on Mac

1. Open Terminal (Cmd + Space, type "Terminal")

2. Navigate to Downloads: cd ~/Downloads

3. Run: chmod +x setup-*.sh && ./setup-*.sh

How to run on Windows

1. Open your Downloads folder

2. Double-click the .bat file

3. If warned, click "More info" → "Run anyway"

Manual Setup (Copy & Paste)

# Enter a project name above to generate your script

Paste this in your terminal to create your project, initialize git, push to GitHub, and open in Cursor.

Build with Claude Code

Use Claude Code to build your React Native project by describing what you want in plain English.

a

Get your Anthropic API key (one-time)

You'll need an API key to use Claude Code. It's free to sign up!

1. Go to console.anthropic.com and sign up or log in
2. Navigate to API Keys in the sidebar
3. Click Create Key and copy it somewhere safe

Get API Key

b

Add your API key to your system (one-time)

Run this in your terminal to save the key permanently. Replace your-api-key with your actual key.

echo 'export ANTHROPIC_API_KEY="your-api-key"' >> ~/.zshrc && source ~/.zshrc

This adds the key to your shell config so it's always available.

setx ANTHROPIC_API_KEY "your-api-key"

This sets a permanent environment variable. Restart your terminal after running this.

c

Install Claude Code (one-time setup)

Run this command once in your terminal from anywhere.

npm install -g @anthropic-ai/claude-code

d

Start Claude in your project

Navigate to your React Native project folder, then run:

claude

e

Describe what you want to build

Claude will read your project and help you build it. Try prompts like:

"Add a responsive navbar" "Create a contact form" "Add dark mode toggle" "Explain this code"

Learn more about Claude Code

Go Live

Ready to share your React Native project with the world? Deploy it in minutes.

Deploy Your Project

Learn More

React Native Documentation

Expo Documentation