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