Skip to content
  1. memo
  • 避免多余渲染,重复计算,重复创建对象

  • useMemo可以缓存数据或ui组件, 第一个参数是函数,该函数返回一个值或者ui组件

image-20231218104917927

  1. useState

image-20240406171723056

  1. React.memo 根据props变化来更新,而不是无脑更新

    image-20240406175216947

  2. 使用lazy, 路由懒加载,拆分bundle,优化首页体积

  3. webpack 配置splitChunks 拆分chunk