frontend-architecture - 用模块化架构组织 React 前端
为 React 和 React Native 应用定义可移植的架构,采用功能模块、页面目录、状态来源分离、仅通过 barrel 导入和样式共置。
标签
更新于: 2026-10-16该技能可以做什么
- 组织功能模块
- 构建页面目录
- 分离服务端与界面状态
- 执行仅通过 barrel 导入
- 共置页面样式
- 逐步提升共享组件
输入
- React 或 React Native 代码库
- 路由层
- 状态管理方案
- 样式方案
输出
- 功能模块目录结构
- 模块公共 barrel API
- 分离的服务端与界面状态
- 共置的页面文件
- 记录完善的模块边界
要求
- React 或 React Native 项目
