1. React代码分割 1.1 使用的基本方案
React.lazy && React.suspend
2. React.memo优化组件性能 背景:父组件的渲染会对带动子组件的渲染,无论子组件是否有改变,那么如果子组件在未有属性变化的情况下,不进行选择则需使用 React.memo
子组件属性变化
全局的Redux发生变化
2.1 React.memo vs useMemo 的区别?
React.memo ==> 组件
useMemo ==> 值
3.React.Profiler追踪性能信息
生产环境禁用!!!
4.useCallback
推荐阅读
- react|react技术分享----useState的原理及自定义useState的实现
- react|react简单入门-react-router6.0及以上路由传参,以及接受参数
- react|react简单入门--常用hook中useQuery(react-query)的使用
- react|react简单入门--常用hook中useMemo的使用(详细版)
- react|antd 封装select输入后自动搜索 显示option 组件
- react.js|React全家桶+共享单车实战开发——项目主页工程搭建 3-1和3-2 基础插件的安装
- react fiber理解
- React系列( jsx转化为虚拟DOM)
- 【React】基础