运行时依赖
无特殊依赖
安装命令 点击复制
官方clawhub install react-performance
镜像加速clawhub install react-performance --registry https://cn.clawhub-mirror.com
技能文档
简介
提供 React 和 Next.js 性能优化模式，用于确保代码最佳性能。触发条件
- 组件优化
- 数据获取优化
- 捆绑包优化
- 减少重新渲染
- 服务器组件架构
# 代码示例（假设，原文未提供）
// 示例代码：优化数据获取
import { useState, useEffect } from 'react';function Example() {
const [data, setData] = useState([]);
useEffect(() => {
fetchData().then(data => setData(data));
}, []);
return
{data.map(item => {item.name})};
}
# 命令行指令（假设，原文未提供）
# 优化命令示例
npm run optimize
数据来源：ClawHub ↗ · 中文优化：龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制
免费技能或插件可能存在安全风险，如需更匹配、更安全的方案，建议联系付费定制