React Component Hook Guidelines

Overview

提供 React 组件、页面组件、自定义 Hook 的拆分、重构与评审判断。重点处理职责混杂、props 过宽、大状态下传、分支过多、页面编排过重、展示与逻辑耦合。

何时使用

当用户提出以下需求时使用本技能：

• 拆组件
• 拆 Hook
• 组件太大、Hook 太重
• 帮忙梳理页面或 React 分层
• 重构 React 组件、页面逻辑或组件设计
• 减少 props、收敛职责、拆分 God Component 或 God Hook
• 处理页面状态混乱、逻辑和 UI 耦合、分支太多等问题

不要使用