reduce-complexity - 降低 React 组件认知复杂度
提供降低 React 组件认知复杂度的策略和模式
标签
更新于: 2026-03-22能力
典型输入
典型输出
该技能可以做什么
- 分析 ESLint 复杂度违规
- 识别复杂度来源
- 提取辅助函数
- 创建容器/视图组件
- 预计算状态标记
- 简化嵌套条件
- 重构重复模式
输入
- React 组件文件
- ESLint 报告
- 认知复杂度违规
- 测试覆盖率报告
- 容器/视图模式要求
输出
- 重构的 React 组件
- 提取的辅助函数
- 容器/视图组件对
- 预计算的状态逻辑
- 简化的 JSX 结构
要求
- React 项目环境
- 带有 sonarjs/cognitive-complexity 规则的 ESLint
- 容器/视图模式支持
- 包管理器 (bun/npm/yarn/pnpm)