upgrading-react-native

Orchestrates React Native version upgrades with template diffs, dependency resolution, and native platform migration. Applies canonical rn-diff-purge template diffs to align native iOS and Android configuration with target React Native versions Handles package.json dependency updates, CocoaPods and Gradle changes, and breaking API migrations across major and minor version bumps Includes Expo SDK upgrade layer for managed Expo projects and post-upgrade verification checklist Provides structured workflow routing: choose upgrade path, fetch diff, assess dependencies, align React version, validate builds on both platforms

INSTALLATION
npx skills add https://github.com/callstackincubator/agent-skills --skill upgrading-react-native
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$2b

Example: upgrading from 0.76.9 to 0.78.2

1. Fetch the template diff

curl -L -f -o /tmp/rn-diff.diff

"https://raw.githubusercontent.com/react-native-community/rn-diff-purge/diffs/diffs/0.76.9..0.78.2.diff"

&& echo "Diff downloaded OK" || echo "ERROR: diff not found, check versions"

2. Review changed files

grep -n "^diff --git" /tmp/rn-diff.diff

3. Update package.json, apply native changes, then install + rebuild

npm install --prefix "$APP_DIR"

cd "$APP_DIR/ios" && pod install

4. Validate: both platforms must build successfully

npx react-native build-android --mode debug --no-packager

xcodebuild -workspace "$APP_DIR/ios/App.xcworkspace" -scheme App -sdk iphonesimulator build

## When to Apply

Reference these guidelines when:

- Moving a React Native app to a newer version

- Reconciling native config changes from Upgrade Helper

- Validating release notes for breaking changes

## Quick Reference

| File | Description |

|------|-------------|

| [upgrading-react-native.md][upgrading-react-native] | Router: choose the right upgrade path |

| [upgrade-helper-core.md][upgrade-helper-core] | Core Upgrade Helper workflow and reliability gates |

| [upgrading-dependencies.md][upgrading-dependencies] | Dependency compatibility checks and migration planning |

| [react.md][react] | React and React 19 upgrade alignment rules |

| [expo-sdk-upgrade.md][expo-sdk-upgrade] | Expo SDK-specific upgrade layer (conditional) |

| [upgrade-verification.md][upgrade-verification] | Manual post-upgrade verification checklist |

| [monorepo-singlerepo-targeting.md][monorepo-singlerepo-targeting] | Monorepo and single-repo app targeting and command scoping |

## Problem → Skill Mapping

| Problem | Start With |

|---------|------------|

| Need to upgrade React Native | [upgrade-helper-core.md][upgrade-helper-core] |

| Need dependency risk triage and migration options | [upgrading-dependencies.md][upgrading-dependencies] |

| Need React/React 19 package alignment | [react.md][react] |

| Need workflow routing first | [upgrading-react-native.md][upgrading-react-native] |

| Need Expo SDK-specific steps | [expo-sdk-upgrade.md][expo-sdk-upgrade] |

| Need manual regression validation | [upgrade-verification.md][upgrade-verification] |

| Need repo/app command scoping | [monorepo-singlerepo-targeting.md][monorepo-singlerepo-targeting] |

[upgrading-react-native]: references/upgrading-react-native.md

[upgrade-helper-core]: references/upgrade-helper-core.md

[upgrading-dependencies]: references/upgrading-dependencies.md

[react]: references/react.md

[expo-sdk-upgrade]: references/expo-sdk-upgrade.md

[upgrade-verification]: references/upgrade-verification.md

[monorepo-singlerepo-targeting]: references/monorepo-singlerepo-targeting.md
BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card