Agent Skills
返回列表
💻

React Native 生产级架构

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @org-02qudk26/react-native-architecture。

技能介绍

你在解决什么问题

React Native 与 Expo 项目一旦进入「可上架、可维护」阶段，常见问题会集中爆发：导航栈与深链不一致、状态散落在各屏之间、原生能力接入路径不清晰，以及弱网场景下缺少离线优先的数据与同步策略。本技能围绕这些工程痛点，给出可落地的架构选择与实施顺序，而不是泛泛的组件清单。

技能如何帮你落地

技能以 Expo 生产级开发 为基线，覆盖以下核心能力：

  • 导航：复杂模式（嵌套、模态、Tab 与 Stack 组合）下的路由结构与参数传递
  • 状态管理：在移动场景下划分本地 UI 状态与跨屏/持久化数据
  • 原生模块与平台 API：在 Managed / Dev Client 等路径下集成原生能力与边界说明
  • 离线优先：缓存、队列与冲突处理等架构取向，便于弱网可用
  • 性能与发布：针对 RN 常见瓶颈的优化思路，以及移动端 CI/CD 的配置要点

使用时应先明确目标、约束与输入，再按最佳实践执行并用可验证步骤确认结果；更细的模式与示例见 resources/implementation-playbook.md。

适用边界

  • 适合：新开 RN/Expo 项目、复杂导航、原生集成、离线优先应用、性能调优或搭建移动发布流水线
  • 不适合：与 React Native 架构无关的任务，或需要本技能范围外的其它领域/工具栈

使用场景

  • 从零启动 Expo 项目时，需要设计 Tab 与 Stack 嵌套导航、深链与路由参数传递方案
  • 集成相机、蓝牙或推送等原生能力时，在 Managed Workflow 与 Dev Client 之间选型并完成桥接
  • 外勤或地铁等弱网场景下，为业务数据设计本地缓存、同步队列与冲突处理策略
  • 应用上架前，为 iOS/Android 配置 EAS Build、签名与自动化测试的移动 CI/CD 流水线

适合人员

  • 负责公司首款 React Native 应用从脚手架到商店上架的移动端 Tech Lead
  • 从 Web React 转入 RN、需要统一多屏导航与跨屏状态管理的全栈工程师
  • 外勤/巡检类业务 App 需与研发对齐「哪些功能必须离线可用」的产品或业务负责人
  • 长期维护 Expo SDK 升级、原生模块与 Dev Client 兼容性的移动端基建工程师