React 性能优化
- 使用 useMemo 缓存数据 （类似 vue 的 computed）
- 使用 useCallback 缓存函数
- 异步组件 ( lazy )
- 路由懒加载( lazy )
- 服务器渲染 SSR
- 用 CSS 模拟 v-show
- 循环渲染添加 key
- 使用 Fragment （空标签）减少层级
- 不在JSX 中定义函数（每次状态变化，都会重新渲染 JSX，若在JSX 中定义函数，则会不断创建新函数，损耗性能）
- 在构造函数中 bind this （若在其他地方bind，在更新渲染时，会重复执行，损耗性能）
- 使用 shouldcomponentUpdate
- 使用 shouldComponentUpdate 判断组件是否要更新
- 或者使用 React.PureComponent
- 函数组件使用 React.memo