skilld
All skills
callstackincubator avatar

/upgrading-react-native

@fa0bad0 official
by Callstack Incubatorcallstackincubator/agent-skills1.7k stars
118

Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when upgrading React Native, bumping RN version, updating from RN 0.x to 0.y, or migrating Expo SDK alongside a React Native upgrade.

Ask your Agent

Use this Skill: https://skilld.dev/gh/callstackincubator/agent-skills/upgrading-react-native

This session only. Nothing lands on disk.

referencesupgrading-react-native.md

≈702 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Skill: Upgrading React Native

Router for React Native upgrade workflows. Start with core Upgrade Helper instructions, then apply focused add-ons by project shape.

Prerequisites (All Upgrade Paths)

  • Ensure the repo is clean or on a dedicated upgrade branch.
  • Know which package manager the repo uses (npm, yarn, pnpm, bun).
  • Use Node.js 20.19.4+, Java 17, and Xcode 16.4+ (with Command Line Tools), following https://reactnative.dev/docs/set-up-your-environment.
    • Optional: use Xcodes to manage Xcode versions.
  • Verify active versions before upgrading: node -v, java -version.
  • Verify Android Studio is installed.
  • For iOS, verify Xcode CLI toolchain is in sync (common pitfall after Xcode upgrades):
    • Check:
      • xcode-select --print-path
      • xcodebuild -version
      • xcrun --sdk iphoneos --show-sdk-version
    • If mismatch is suspected, re-point and initialize:
      • sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
      • sudo xcodebuild -runFirstLaunch

Quick Start

  1. Run the Prerequisites (All Upgrade Paths) checklist.
  2. Set APP_DIR to the app folder (. for single-app repos).
  3. Use monorepo-singlerepo-targeting.md if you need help choosing APP_DIR.
  4. Run upgrade-helper-core.md first to anchor changes to rn-diff-purge.
  5. Publish a short plan (ordered phases) before making versioned edits.
  6. Run upgrading-dependencies.md to assess risky packages and migrations.
  7. Apply dependency updates in one pass and run a single install with the repo package manager.
  8. Run react.md when react is upgraded.
  9. Add expo-sdk-upgrade.md only if expo is present in APP_DIR/package.json.
  10. Finish with upgrade-verification.md.

Decision Map

Related Skills

Source: SKILL.md on GitHub

Third-party checks

1 warning16d5 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    The skill provides a standard and reliable workflow for upgrading React Native applications by applying template diffs from the community-maintained Upgrade Helper and rn-diff-purge resources. It includes comprehensive environment checks, dependency risk assessment, and platform-specific build verification steps using established ecosystem tools.

  • Socket16d

    No alerts

  • Snyk16d

    Risk: LOW · No issues

  • Runlayer7mo

    7/9 files flagged

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at fa0bad0. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 weeks ago.

Activeupdated 2 months ago

Topics

  • react-native
  • upgrade
  • upgrade-helper
  • ios
  • android
  • cocoapods
  • gradle
  • expo
  • dependencies

README badge

README badge for callstackincubator/agent-skills/upgrading-react-native

What it does

Upgrades React Native apps by fetching and applying rn-diff-purge template diffs, updating package.json and native configurations, and validating builds on iOS and Android. Targets the full upgrade workflow from version detection through CocoaPods and Gradle reconciliation, including Expo SDK migration when needed.

Generated from the current SKILL.md.

Frequently asked

Does this skill handle Expo SDK upgrades?
Yes, but only conditionally. The skill includes an Expo SDK upgrade layer (expo-sdk-upgrade.md) that applies alongside React Native upgrades for Expo-managed apps. Non-Expo apps skip this step.
What if the rn-diff-purge diff is not available for my version pair?
The skill fetches diffs from the react-native-community/rn-diff-purge repository. If a diff does not exist for your version pair, you may need to upgrade in smaller increments or manually reconcile template changes.
Does this skill update third-party dependencies automatically?
No. The skill assesses and plans dependency updates via upgrading-dependencies.md but does not apply them automatically. You must review compatibility and decide which packages to bump.
Can this skill handle monorepo apps?
Yes. The skill includes monorepo-singlerepo-targeting.md to scope commands and target the correct app within a monorepo structure.
Does this verify the upgrade was successful?
Yes. The skill includes upgrade-verification.md with a post-upgrade checklist covering build validation on both iOS and Android, and optional agent-assisted regression testing.

Generated from the current SKILL.md. These answers refresh after source changes.