项目地址

• 教程作者：
• 教程地址：

• 代码仓库地址：

• 所用到的框架和插件：

dbt 
airflow

十二、性能优化

12.1 使用useMemo避免不必要的计算

只有在指定的数值发生了变化，才会执行

• 当页面发生变化时，因为react的机制，会导致页面进行一次刷新，但是由于购物车或者其他计算功能并没有更改，所以不应该重新计算；
• 参数1：接受一个回调函数，返回我们需要计算的值
• 参数2：和useEffect一样，接受一个依赖数组，把变化的东西放进去，来触发useMemo

12.2 使用memo缓存组件，防止过度渲染

只有props发生了变化，才会重新渲染组件

• 虽然，上面计算没有重新渲染，但是商品列表没有变化（添加或者删除）商品ÿ