【Q627】如何优化 React 项目的性能 - Githubissues

shfshanyue / Daily-Question

互联网大厂内推及大厂面经整理，并且每天一道面试题推送。每天五分钟，半年大厂中

https://q.shanyue.tech

4.92k stars 510 forks source link

【Q627】如何优化 React 项目的性能 #645

Open shfshanyue opened 3 years ago

shfshanyue commented 3 years ago

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