📦 React Patterns — React 深度模式工作流
v1.0.0提供深度 React 模式工作流,涵盖组件边界、组合、Hooks 规则、效果和数据获取、性能优化(memo、列表、Suspense)、测试和无障碍。适用于结构化 React 应用、审查组件设计或调试重新渲染。
0· 220·1 当前·1 累计
安全扫描
OpenClaw
安全
high confidence本技能为指令式指导工作流,专注于 React 模式和其要求,内容与目的高度一致。
评估建议
本技能为文档式、指令式工作流,用于 React 模式,不安装软件或请求凭据,与其描述一致。注意:来源/主页未知;如果您关心来源,请在完全信任指南之前询问作者或主页。此外,请记住:这是建议内容(可能过时或主观),在应用建议之前,请将重要推荐与您的代码库和 React 文档进行验证。详细分析 ▾
✓ 用途与能力
名称和描述与 SKILL.md 内容匹配(React 架构、Hooks、效果、性能、测试、无障碍)。该技能不请求二进制文件、环境变量或安装项;所有请求的内容与文档/指南技能的比例一致。
✓ 指令范围
SKILL.md 只包含散文指导和清单;它不指示代理读取文件、访问环境变量、运行命令或联系外部端点。未检测到范围蔓延。
✓ 安装机制
无安装规格和代码文件。这是指令式的,因此在安装期间没有内容写入磁盘或下载。
✓ 凭证需求
未请求环境变量、凭据或配置路径。未为所述目的请求不成比例的访问。
✓ 持久化与权限
always 为 false 且该技能不请求持久/系统权限。模型调用已启用(默认),这适用于用户可调用指南技能。
安全有层次,运行前请审查代码。
运行时依赖
无特殊依赖
版本
latestv1.0.02026/3/25
["首次发布该技能。","提供了一个结构化的 6 阶段工作流用于 React 模式:组件边界、状态、Hooks、效果、性能和测试/无障碍。","为常见挑战提供了简洁的指导:道具钻孔、useEffect、重新渲染和hydration。","包括了实用的提示和 React 应用的审查清单。","指导适应不同框架和 React 版本。"]
● 无害
安装命令
点击复制官方npx clawhub@latest install react-patterns
镜像加速npx clawhub@latest install react-patterns --registry https://cn.longxiaskill.com
技能文档
健康的 React 代码库强调 清晰的数据流、最小的效果 和 可预测的 渲染。优先使用 组合 而非继承;将 效果 视为同步,而非“渲染后执行一切”。
何时提供此工作流
触发条件:- 道具钻孔 vs 上下文 vs 外部存储;关于 服务器组件(Next)vs 客户端的混淆
- useEffect 螺旋状代码;过时的闭包;双重获取
- 重新渲染性能;大型列表;hydration 问题
...(以下内容与原文相同,未翻译以保持代码块不变)