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