多文件应用结构

按功能组织页面、组件、数据访问与测试,保持依赖方向单向清晰,在第三次重复时才抽取公共逻辑。

React核心约 30 分钟
开始学习
学习目标
  • 按功能模块(feature)组织文件,让一个功能的页面、组件、api、hooks、测试相邻
  • 建立单向依赖:pages → features → (components, lib),feature 之间不互引内部
  • 用「修改原因」和「第三次重复」判断拆分时机,避免为拆而拆
知识点
项目结构功能模块依赖方向抽取时机

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...