mcpField
R
react-native-architecture

react-native-architecture

github.com/sickn33开发49.0k481 次安装今天更新
代码仓库

关于 react-native-architecture

面向 React Native 和 Expo 开发者的架构指导技能，适用于规划或改进移动应用。内容涵盖导航、状态管理、原生集成、离线优先设计、性能和发布 CI/CD，并提供实现手册供查阅详细示例。

主要功能

  1. 01React Native 与 Expo 架构模式
  2. 02复杂导航设计
  3. 03状态管理方案
  4. 04原生模块与平台 API 集成
  5. 05离线优先架构与性能优化
  6. 06移动端发布 CI/CD 指导

适用场景

  1. 01启动 React Native 或 Expo 项目
  2. 02规划复杂的应用导航
  3. 03集成原生模块和平台 API
  4. 04构建离线优先移动应用

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill react-native-architecture

安装后在 Claude Code 中输入/react-native-architecture确认已加载。

附带文件resources/implementation-playbook.md

详细介绍

React Native 架构

使用 Expo 进行 React Native 开发的架构和集成模式，包括导航、状态管理、原生模块和离线优先架构。

适用场景

  • 启动新的 React Native 或 Expo 项目
  • 实现复杂的导航模式
  • 集成原生模块和平台 API
  • 构建离线优先的移动应用
  • 优化 React Native 性能
  • 为移动应用发布配置 CI/CD

不适用场景

  • 任务与 React Native 架构无关
  • 需要使用本范围之外的其他领域或工具

说明

  • 明确目标、约束和所需输入。
  • 应用相关最佳实践并验证结果。
  • 提供可执行的步骤和验证方式。
  • 如需详细示例，请打开 resources/implementation-playbook.md。

资源

  • resources/implementation-playbook.md，包含详细模式和示例。

限制

  • 仅当任务明确符合上述范围时使用此技能。
  • 不要将输出视为针对特定环境的验证、测试或专家审查的替代品。
  • 如果缺少必要输入、权限、安全边界或成功标准，请停止并请求澄清。

示例

对于目录应用，可离线缓存公开的商品读取数据，将会话令牌保存在平台安全存储中；在实现幂等的订单待发送队列和服务器协调机制之前，应禁止离线购买。

评论

支持 Markdown