AI导哈

移动开发

upgrading-react-native

callstackincubator/agent-skills

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.

  • 1.3万 次安装
  • 1700 星标
  • 收录于

安装命令

npx skills add https://github.com/callstackincubator/agent-skills --skill upgrading-react-native

SKILL.md

Upgrading React Native

Overview

Covers the full React Native upgrade workflow: template diffs via Upgrade Helper, dependency updates, Expo SDK steps, and common pitfalls.

Typical Upgrade Sequence

  1. Route: Choose the right upgrade path via [upgrading-react-native.md][upgrading-react-native]
  2. Diff: Fetch the canonical template diff using Upgrade Helper via [upgrade-helper-core.md][upgrade-helper-core]
  3. Dependencies: Assess and update third-party packages via [upgrading-dependencies.md][upgrading-dependencies]
  4. React: Align React version if upgraded via [react.md][react]
  5. Expo (if applicable): Apply Expo SDK layer via [expo-sdk-upgrade.md][expo-sdk-upgrade]
  6. Verify: Run post-upgrade checks via [upgrade-verification.md][upgrade-verification]
# Quick start: detect current version and fetch diff
npm pkg get dependencies.react-native --prefix "$APP_DIR"
npm view react-native dist-tags.latest

相关 Skills

react-native-best-practicescallstackincubator/agent-skillsProvides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.移动开发3.1万github-actionscallstackincubator/agent-skillsGitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.部署与运维1.1万githubcallstackincubator/agent-skillsGitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.测试与安全8793validate-skillscallstackincubator/agent-skillsValidates skills in this repo against agentskills.io spec and Claude Code best practices. Use via /validate-skills command.其他7377react-native-brownfield-migrationcallstackincubator/agent-skillsImplements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack/react-native-brownfield. Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or adding React Native surfaces to native hosts.移动开发5307react-navigationcallstackincubator/agent-skillsProvides React Navigation UI patterns for stacks, tabs, drawers etc. Use when building navigation UIs with React Navigation, configuring headers, bottom sheets or handling safe areas and insets.前端开发5168