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

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