react-native-mobile-dev

# Mobile Development (React Native + Expo)

Expert guidance for building production-ready mobile applications using React Native and Expo with modern best practices.

## Create New App

Use **create-expo-stack** (rn.new) to scaffold new React Native apps with your preferred configuration.

### Quick Start (Recommended)

Interactive CLI that lets you choose your tech stack:

```bash
# Simplest way
npx rn-new@latest

# Or with package managers
pnpm create expo-stack
npm create expo-stack
yarn create expo-stack
bun create expo-stack
```

The CLI will prompt you to select:
- Navigation framework (Expo Router / React Navigation)
- Navigation type (Stack / Tabs / Drawer)
- Styling solution (NativeWind / Unistyles / Tamagui / Restyle / StyleSheet)
- Backend services (Firebase / Supabase / None)
- Additional features (i18n, import aliases, etc.)

### One-liner with Preset Options

For production-ready setup matching our tech stack:

```bash
# Full production setup with Expo Router + NativeWind + i18n
pnpm create expo-stack MyApp --expo-router --tabs --nativewind --i18next --import-alias

cd MyApp
pnpm ios      # iOS simulator
pnpm android  # Android emulator
```

### Available Options

| Category | Options |
|----------|---------|
| **Package Manager** | `--npm`, `--yarn`, `--pnpm`, `--bun` |
| **Navigation** | `--expo-router`, `--react-navigation` |
| **Nav Type** | `--tabs`, `--drawer` (default: stack) |
| **Styling** | `--nativewind`, `--unistyles`, `--tamagui`, `--restyle`, `--stylesheet` |
| **Backend** | `--firebase`, `--supabase` |
| **Features** | `--i18next`, `--import-alias` |
| **Other** | `-d/--default`, `--no-git`, `--no-install` |

### Prerequisites

- Node.js LTS
- pnpm (`npm install -g pnpm`)
- Watchman (macOS/Linux)
- Xcode (iOS) / Android Studio (Android)

### Post-setup

1. Open project in VS Code/Cursor and install recommended extensions (ESLint, Prettier, Tailwind CSS IntelliSense)
2. Update `app.config.ts` with your app name, bundle ID, etc.
3. Configu