React Performance

Rules of thumb

  1. Code Splitting and lazy loading
  2. useMemo and useCallback
    • When to useMemo and useCallback
  3. React.memo
  4. Windowing technique for rendering large lists
  5. Speed up your app with web workers
  6. How to optimize your context value
  7. Jotai and Recoil
  8. Managing React Application State Management - Talk by Kent C. Dodds
  9. Minimize the number of props passed to a component and the number of states in that component
  10. Derive states from other states instead of storing them
  11. As much as possible pass props with primitive types such as strings, booleans, numbers, avoid passing objects