Mobile app development with React Native and Expo using production-ready patterns. Use when (1) user is building a mobile app, (2) user asks about mobile architecture or best practices, (3) user needs help with React Native components, navigation, state management, or data fetching, (4) user mentions "mobile", "React Native", "Expo", "RN", "iOS app", or "Android app", (5) user wants to create a new React Native app.
View on GitHubplugins/react-native-mobile/skills/react-native-mobile-dev/SKILL.md
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/allen-hsu/arsenal/blob/main/plugins/react-native-mobile/skills/react-native-mobile-dev/SKILL.md -a claude-code --skill react-native-mobile-devInstallation paths:
.claude/skills/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