如何优化 React 项目的性能 Brave123 2022-07-25 63 阅读1分钟 避免不必要的渲染,shouldComponentUpdate、React.memo、React.useMemo、React.useCallback。 代码分割,React.lazy 动态加载组件 使用 react-query,对请求响应进行缓存、重发等,避免多次请求,减少网络 IO 消耗及优化渲染次数 使用 useDebounce,对值及事件处理函数进行防抖,避免状态频繁变动,优化渲染次数 使用 useImmer 使用react-profile来测量性能