@devflow-tools/plugin-react

React 18 专家插件 — Bug 诊断、组件重构、性能审计、Hooks 审查、新功能开发。（v0.17.8）

安装

npm install @devflow-tools/plugin-react

使用

插件通过 DevFlow/Claude Code 使用：

/devflow:react <你的任务>

能力与知识源

MCP Tools

| Tool | 说明 | 关键参数 | |------|------|---------| | react_diagnose_bug | Bug 诊断：错误分析 → 根因定位 → 修复建议 | projectRoot, errorMessage, stackTrace | | react_new_component | 新建 React 组件：模式分析 → 代码生成 → 遵循项目约定 | projectRoot, componentName, props | | react_new_feature | 新功能开发流程：需求分析 → 代码 → 测试 → Review | projectRoot | | react_audit_performance | 性能审计：检测缺少 React.memo 的纯展示组件、内联对象、大列表 | projectRoot | | react_review_hooks | 审查所有 Hooks 调用：顶层调用规则、依赖数组完整性、清理函数缺失 | projectRoot | | react_refactor_component | 组件重构：复杂度评估、异味检测、拆分建议 | filePath, projectRoot |

Knowledge Sources

| 来源 | URL | SPA | |------|-----|-----| | React 官方文档 | https://react.dev/reference | Yes |

Memory

插件自动注入以下最佳实践：

• 函数组件 + Hooks 优先于 Class 组件
• 组件保持纯函数，副作用放在 useEffect/useLayoutEffect
• 遵守 Hooks 规则（顶层调用、条件限制）
• Props 使用解构 + 默认值模式
• 复杂条件渲染使用 useMemo/useCallback

兼容性

需要 Node.js >= 18，并与同版本 @devflow-tools/sdk、DevFlow CLI 配合使用。插件不是独立 HTTP 服务。

相关链接

• 仓库
• 插件目录

License

MIT

兼容性

需要 Node.js >= 18，并与同版本 @devflow-tools/sdk、DevFlow CLI 配合使用。插件不是独立 HTTP 服务。

相关链接

• 仓库
• 插件目录

License

MIT

兼容性

需要 Node.js >= 18，并与同版本 @devflow-tools/sdk、DevFlow CLI 配合使用。插件不是独立 HTTP 服务。

相关链接

• 仓库
• 插件目录

License

MIT

兼容性

需要 Node.js >= 18，并与同版本 @devflow-tools/sdk、DevFlow CLI 配合使用。插件不是独立 HTTP 服务。

相关链接

• 仓库
• 插件目录

License

MIT