React Performance

Summary

• Reduce bundle size
  • eager loading
  • lazy and Suspend
  • webpack magic comments
  • network coverage tool
• Reduce render time
  • execution time < 16ms (1000ms / 60fps)
  • useMemo
  • web worker
  • console.time or performance tool
• Avoid re-render
  • useCallback, useMemo
  • memo
  • primitive props
  • separate contexts
  • colocation
  • react profiler tool
• Questions