极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。
每天晚上九点 B站讲解前端工程化直播,并解答相关问题。

# 如何优化 React 项目的性能

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 645 (opens new window)

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