LogoClawIndex
案例技能关于
LogoClawIndex

component-refactoring - 重构 Dify 高复杂度 React 组件

使用自定义 Hook、子组件和数据 Hook 等模式重构 Dify 前端中的高复杂度 React 组件。

标签

更新于: 2026-09-28
React前端重构复杂度分析Dify

能力

典型输入

典型输出

该技能可以做什么

  • 重构高复杂度 React 组件
  • 提取自定义 Hook
  • 拆分 UI 子组件
  • 简化条件逻辑
  • 提取 API 数据逻辑
  • 管理模态框状态
  • 提取表单逻辑
  • 分析组件复杂度

输入

  • React 组件路径
  • Dify 前端代码库
  • 复杂度分析指标

输出

  • 重构后的组件文件
  • 重构提示
  • 测试提示
  • 复杂度分析结果

要求

  • pnpm
  • Dify web 目录
  • React 前端代码库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
重构高复杂度 React 组件
提取自定义 Hook
拆分 UI 子组件
简化条件逻辑
React 组件路径
Dify 前端代码库
复杂度分析指标
重构后的组件文件
重构提示
测试提示