从代码侧提高react性能

使用 React.memo 或 useMemo:

• React.memo 可以用于优化纯组件（即没有内部状态变化的组件）。它通过缓存渲染结果来避免不必要的渲染。
• useMemo 可以用于缓存计算结果，避免在每次渲染时都进行昂贵的计算。（不要滥用）

使用 shouldComponentUpdate 或 React.PureComponent:

• 对于类组件，可以使用 shouldComponentUpdate 来手动控制组件的重新渲染。
• 对于函数组件，可以考虑使用 React.PureComponent 来实现浅比较的 props 和 state 更新。

避免不必要的状态更新:

• 确保你的状态更新是必要的，避免不必要的状态变化。使用 useEffect 时要小心，确保只在真正需要的时候触发副作用。

使用 useCallback 和 useRef:

• useCallback 可以缓存函数，避免每次渲染都创建新的函数。
• useRef 可以用于保存可变的本地值，这些值在组件的生命周期内保持不变。

避免在渲染中执行复杂操作:

• 将复杂的计算或操作放在组件的生命周期方法或 effect 中，而不是在渲染方法中。这样可以确保这些操作只在必要时执行，而不是每次渲染时都执行。

代码拆分和懒加载

• 使用代码拆分和懒加载来按需加载组件和功能。这可以减少首次加载的时间并提高应用的响应性。