LogoClawIndex
案例技能关于
LogoClawIndex

frontend-architecture - 用模块化架构组织 React 前端

为 React 和 React Native 应用定义可移植的架构,采用功能模块、页面目录、状态来源分离、仅通过 barrel 导入和样式共置。

标签

更新于: 2026-10-16
前端架构ReactReact Native功能模块状态管理代码组织

能力

组织功能模块构建页面目录分离服务端与界面状态执行仅通过 barrel 导入

典型输入

React 或 React Native 代码库路由层状态管理方案

典型输出

功能模块目录结构模块公共 barrel API分离的服务端与界面状态

该技能可以做什么

  • 组织功能模块
  • 构建页面目录
  • 分离服务端与界面状态
  • 执行仅通过 barrel 导入
  • 共置页面样式
  • 逐步提升共享组件

输入

  • React 或 React Native 代码库
  • 路由层
  • 状态管理方案
  • 样式方案

输出

  • 功能模块目录结构
  • 模块公共 barrel API
  • 分离的服务端与界面状态
  • 共置的页面文件
  • 记录完善的模块边界

要求

  • React 或 React Native 项目

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。