如何优化 React 项目的性能

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 645

Author 回答者: shfshanyue

1. 避免不必要的渲染，shouldComponentUpdate、React.memo、React.useMemo、React.useCallback。
2. 代码分割，React.lazy 动态加载组件
3. 使用 react-query，对请求响应进行缓存、重发等，避免多次请求，减少网络 IO 消耗及优化渲染次数
4. 使用 useDebounce，对值及事件处理函数进行防抖，避免状态频繁变动，优化渲染次数
5. 使用 useImmer