React Native Deployment Skill Skill

React Native Deployment Skill

Learn to build, sign, and deploy React Native apps to iOS App Store, Google Play Store, and OTA update systems.

Prerequisites

React Native app ready for production
Apple Developer Account (iOS)
Google Play Developer Account (Android)
Basic understanding of CI/CD

Learning Objectives

After completing this skill, you will be able to:

[ ] Configure EAS Build for production
[ ] Set up iOS code signing
[ ] Generate Android keystores
[ ] Submit to App Store and Play Store
[ ] Implement OTA updates with EAS Update

Topics Covered

1. EAS Build Setup

# Install EAS CLI
npm install -g eas-cli

# Login
eas login

# Configure
eas build:configure

# Build
eas build --platform all --profile production

2. EAS Configuration

// eas.json
{
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "production": {
      "autoIncrement": true
    }
  },
  "submit": {
    "production": {
      "ios": { "appleId": "your@email.com" },
      "android": { "track": "production" }
    }
  }
}

3. iOS Code Signing

# With Fastlane Match
fastlane match appstore

# Manual (Xcode)
# 1. Create certificate in Apple Developer
# 2. Create provisioning profile
# 3. Download and install in Xcode

4. Android Keystore

# Generate keystore
keytool -genkeypair -v -storetype PKCS12 \
  -keystore release.keystore \
  -alias my-key-alias \
  -keyalg RSA -keysize 2048 -validity 10000

# NEVER commit keystore or passwords

5. OTA Updates

// Check for updates
import * as Updates from 'expo-updates';

async function checkUpdates() {
  const update = await Updates.checkForUpdateAsync();
  if (update.isAvailable) {
    await Updates.fetchUpdateAsync();
    await Updates.reloadAsync();
  }
}

6. Submission Commands

# Build and submit in one command
eas build --platform all --profile production --auto-submit

# Submit existing build
eas submit --platform ios --latest
eas submit --platform android --latest

Quick Start Example

# 1. Configure EAS
eas build:configure

# 2. Build for production
eas build --platform all --profile production

# 3. Submit to stores
eas submit --platform all --latest

# 4. Push OTA update
eas update --branch production --message "Bug fixes"

Pre-Submission Checklist

iOS App Store

[ ] App icon (1024x1024)
[ ] Screenshots (all sizes)
[ ] Privacy policy URL
[ ] App review information
[ ] Build uploaded to TestFlight

Google Play Store

[ ] Hi-res icon (512x512)
[ ] Feature graphic (1024x500)
[ ] Screenshots (phone + tablet)
[ ] Content rating completed
[ ] Signed AAB uploaded

Common Errors & Solutions

| Error | Cause | Solution | |-------|-------|----------| | Code signing failed | Certificate mismatch | Regenerate certs | | Build number conflict | Not incremented | Use autoIncrement | | Upload rejected | Missing metadata | Complete all fields |

Validation Checklist

[ ] Build succeeds for both platforms
[ ] App installs from TestFlight/Internal
[ ] OTA updates apply correctly
[ ] Store listing is complete

Usage

Skill("react-native-deployment")

Bonded Agent: 07-react-native-deploy

Agent Skills: React Native Deployment Skill

Skill Files