react做性能优化

React 进行性能优化通常关注以下几个方面：

1. **懒加载（Code Splitting）**：通过动态导入分割大型应用成多个小块，只有用户需要的部分会被加载，减少初始加载时间。

2. **Pure Components**：避免不必要的渲染，纯组件（PureComponent或函数式组件）会利用 prop 的浅比较判断是否真正需要更新视图。

3. **React.memo() 或 shouldComponentUpdate()**：手动控制组件是否重新渲染，可以避免无意义的 re-render。

4. **虚拟 DOM**：React 使用高效的虚拟 DOM 来跟踪真实的 DOM 变化，只在必要的时候更新最少的元素。

5. **key 和列表优化**：给列表项添加 unique key，帮助 React 更好地管理和复用 DOM 节点。

6. **避免不必要的 setState**：setState可能导致整个组件树重渲染，所以应谨慎操作，并尽可能批量更新 state。

7. **优化网络请求**：减少服务器响应时间和数据量，比如使用 API 预加载、错误缓存等策略。

8. **利用 React Profiler 工具**：分析应用瓶颈，找出性能消耗大的部分并针对性优化。