这款Skill给手机项目理清分工

用Expo和React Native构建生产级移动应用。

react-native-architecture 面向用 React Native 或 Expo 开发手机应用的团队,指导 AI 组织项目结构、导航和平台相关能力。给它页面清单、业务流程和要支持的平台,它可以据此提出代码分工与实现安排。

比如应用同时有登录页、底部标签页和弹窗。原文把这些导航区域分别组织,并把通用界面组件、业务组件、接口服务和状态管理分开。之后接入一个新页面,就更容易看清路由放哪里、数据从哪里来,而不是继续往同一个文件塞代码。

它还引导比较 Expo 与直接维护原生工程的取舍。涉及原生能力和构建方式时,需要根据项目约束决定,不能因为起步方便就忽略之后要接的功能。 这份 Skill 的入口也提醒:移动应用要在真实设备上检查,分别考虑 iOS 和 Android 的差异。模拟器能显示页面,并不能覆盖真机上的交互和运行表现。

适合新项目定结构,或页面越来越多、业务与平台代码混在一起时使用。拿到的应是与当前应用相对应的架构和代码组织方案。更具体的离线同步或原生集成,需要继续读取对应细节,不能用目录树代替完整设计。

分类:编程开发

来源仓库:wshobson/agents

适合用来做什么

  • 如何使用Expo构建一个支持离线同步的React Native应用?
  • 请指导我为React Native应用实现跨平台导航。

安装 react-native-architecture

npx skills add https://www.iskills.cc/skills/wshobson/agents/react-native-architecture/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 react-native-architecture 的用途与原始说明

浏览全部 Skill 指南