记录工作与生活

Appearance

  1. memo

  • 避免多余渲染，重复计算，重复创建对象

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

image-20231218104917927

  1. useState

image-20240406171723056

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

    image-20240406175216947

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

  3. webpack 配置splitChunks 拆分chunk