react-native-deployment
$
npx mdskill add HoangNguyen0403/agent-skills-standard/react-native-deployment1. Configure `eas.json` with development, preview, and production profiles 2. Set environment variables in `.env.production` 3. Run `eas build --platform all --profile production` 4. Verify build artifact on EAS dashboard 5. Submit to stores: `eas submit --platform ios` / `eas submit --platform android` 6. For JS-only hotfixes, publish OTA: `eas update --branch production`
SKILL.md
.github/skills/react-native-deploymentView on GitHub ↗
---
name: react-native-deployment
description: OTA updates with CodePush, EAS Build, and release configurations. Use when configuring OTA updates, EAS Build, or managing release configs for React Native.
metadata:
triggers:
files:
- 'app.json'
- 'eas.json'
- 'android/app/build.gradle'
- 'ios/**'
keywords:
- deployment
- codepush
- eas
- release
- build
- fastlane
---
# React Native Deployment
## **Priority: P2 (MAINTENANCE)**
## Workflow: Ship Production Release with EAS Build
1. Configure `eas.json` with development, preview, and production profiles
2. Set environment variables in `.env.production`
3. Run `eas build --platform all --profile production`
4. Verify build artifact on EAS dashboard
5. Submit to stores: `eas submit --platform ios` / `eas submit --platform android`
6. For JS-only hotfixes, publish OTA: `eas update --branch production`
## Over-the-Air (OTA) Updates
### CodePush (Microsoft)
- **JS-Only Updates**: Update JS bundle without app store review.
- **Staging/Production**: Use separate deployments.
- **Install**: `npm install react-native-code-push`
- **Limitations**: Cannot update native code (Obj-C, Java, Swift, Kotlin).
### Expo Updates
- **Expo Projects**: Built-in OTA updates via channels (dev, staging, prod).
- **Install**: `expo install expo-updates`
## Build Configurations
### Expo (EAS Build)
See [deployment reference](references/codepush-setup.md) for EAS build profile configuration and CLI commands.
### React Native CLI
- **Android**: Use `productFlavors` in `build.gradle` (dev, staging, prod).
- **iOS**: Use Xcode schemes.
- **Fastlane**: Automate builds and uploads (`fastlane ios release`).
## Environment Management
- **react-native-config**: `.env` files for API URLs, keys.
- **Separate Configs**: `.env.dev`, `.env.staging`, `.env.production`.
## Anti-Patterns
- **No OTA for Native Changes**: Requires store release.
- **No Secrets in Code**: Use `.env` & CI secrets.
- **No Manual Builds**: Automate with CI/CD.
## References
See [references/codepush-setup.md](references/codepush-setup.md) for CodePush config, EAS profiles, and Fastlane automation.
More from HoangNguyen0403/agent-skills-standard
- android-agp-upgradeUpgrade an Android project to Android Gradle Plugin (AGP) 9. Use when migrating to AGP 9, updating Gradle build files, migrating to built-in Kotlin, or adopting the new AGP DSL.
- android-architectureApply Clean Architecture layering, modularization, and Unidirectional Data Flow in Android projects. Use when setting up project structure, placing code in layers, configuring feature/core modules, or implementing UDF patterns.
- android-background-workImplement WorkManager and background processing correctly on Android. Use when creating Worker classes, scheduling tasks, choosing between WorkManager and Foreground Services, or setting up Hilt in workers.
- android-composeBuild high-performance declarative UI with Jetpack Compose. Use when writing Composable functions, optimizing recomposition, hoisting state, or working with LazyColumn and side effects.
- android-compose-migrationMigrate an Android XML View to Jetpack Compose following a structured 10-step workflow. Use when converting XML layouts to Compose, setting up Compose in an existing View-based project, or incrementally adopting Compose.
- android-concurrencyWrite correct coroutine scopes, Flow collection, and dispatcher injection in Android. Use when writing suspend functions, choosing between StateFlow and SharedFlow, or injecting Dispatchers for testability.
- android-deploymentConfigure release signing, R8 obfuscation, and App Bundle publishing for Android. Use when setting up signing configs, enabling minification, adding ProGuard keep rules, or preparing for Play Store submission.
- android-design-systemEnforce Material Design 3 theming and design token usage in Jetpack Compose. Use when implementing M3 components, color schemes, typography, or design tokens.
- android-diConfigure Hilt dependency injection with proper scoping, modules, and constructor injection in Android. Use when setting up Hilt DI, defining modules, or configuring component scoping.
- android-edge-to-edgeMigrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.