upgrading-react-native by callstackincubator/agent-skills
npx skills add https://github.com/callstackincubator/agent-skills --skill upgrading-react-native涵盖完整的 React Native 升级工作流程:通过 Upgrade Helper 进行模板差异对比、依赖项更新、Expo SDK 步骤以及常见陷阱。
# 快速开始:检测当前版本并获取差异
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
npm pkg get dependencies.react-native --prefix "$APP_DIR"
npm view react-native dist-tags.latest
# 示例:从 0.76.9 升级到 0.78.2
# 1. 获取模板差异
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. 查看更改的文件
grep -n "^diff --git" /tmp/rn-diff.diff
# 3. 更新 package.json,应用原生更改,然后安装 + 重新构建
npm install --prefix "$APP_DIR"
cd "$APP_DIR/ios" && pod install
# 4. 验证:两个平台必须能成功构建
npx react-native build-android --mode debug --no-packager
xcodebuild -workspace "$APP_DIR/ios/App.xcworkspace" -scheme App -sdk iphonesimulator build
在以下情况下参考这些指南:
| 文件 | 描述 |
|---|---|
| upgrading-react-native.md | 路由器:选择正确的升级路径 |
| upgrade-helper-core.md | 核心 Upgrade Helper 工作流程和可靠性关卡 |
| upgrading-dependencies.md | 依赖项兼容性检查和迁移规划 |
| react.md | React 和 React 19 升级对齐规则 |
| expo-sdk-upgrade.md | Expo SDK 特定升级层(条件性) |
| upgrade-verification.md | 手动升级后验证清单 |
| monorepo-singlerepo-targeting.md | Monorepo 和单仓库应用定位及命令作用域 |
| 问题 | 从以下开始 |
|---|---|
| 需要升级 React Native | upgrade-helper-core.md |
| 需要依赖项风险评估和迁移选项 | upgrading-dependencies.md |
| 需要 React/React 19 包对齐 | react.md |
| 需要先进行工作流路由 | upgrading-react-native.md |
| 需要 Expo SDK 特定步骤 | expo-sdk-upgrade.md |
| 需要手动回归验证 | upgrade-verification.md |
| 需要仓库/应用命令作用域 | monorepo-singlerepo-targeting.md |
每周安装量
823
仓库
GitHub 星标数
994
首次出现
2026年2月10日
安全审计
安装于
codex618
opencode599
gemini-cli594
github-copilot582
kimi-cli551
amp548
Covers the full React Native upgrade workflow: template diffs via Upgrade Helper, dependency updates, Expo SDK steps, and common pitfalls.
# Quick start: detect current version and fetch diff
npm pkg get dependencies.react-native --prefix "$APP_DIR"
npm view react-native dist-tags.latest
# 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
Reference these guidelines when:
| File | Description |
|---|---|
| upgrading-react-native.md | Router: choose the right upgrade path |
| upgrade-helper-core.md | Core Upgrade Helper workflow and reliability gates |
| upgrading-dependencies.md | Dependency compatibility checks and migration planning |
| react.md | React and React 19 upgrade alignment rules |
| expo-sdk-upgrade.md | Expo SDK-specific upgrade layer (conditional) |
| upgrade-verification.md | Manual post-upgrade verification checklist |
| Problem | Start With |
|---|---|
| Need to upgrade React Native | upgrade-helper-core.md |
| Need dependency risk triage and migration options | upgrading-dependencies.md |
| Need React/React 19 package alignment | react.md |
| Need workflow routing first | upgrading-react-native.md |
| Need Expo SDK-specific steps | expo-sdk-upgrade.md |
| Need manual regression validation | upgrade-verification.md |
| Need repo/app command scoping |
Weekly Installs
823
Repository
GitHub Stars
994
First Seen
Feb 10, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
codex618
opencode599
gemini-cli594
github-copilot582
kimi-cli551
amp548
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
102,200 周安装
AI智能体长期记忆系统 - 精英级架构,融合6种方法,永不丢失上下文
1,200 周安装
AI新闻播客制作技能:实时新闻转对话式播客脚本与音频生成
1,200 周安装
Word文档处理器:DOCX创建、编辑、分析与修订痕迹处理全指南 | 自动化办公解决方案
1,200 周安装
React Router 框架模式指南:全栈开发、文件路由、数据加载与渲染策略
1,200 周安装
Nano Banana AI 图像生成工具:使用 Gemini 3 Pro 生成与编辑高分辨率图像
1,200 周安装
SVG Logo Designer - AI 驱动的专业矢量标识设计工具,生成可缩放品牌标识
1,200 周安装
| Monorepo and single-repo app targeting and command scoping |