运行时依赖
无特殊依赖
安装命令
点击复制官方npx clawhub@latest install react-performance
镜像加速npx clawhub@latest install react-performance --registry https://cn.longxiaskill.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