React: Improving component performance rendering

Outline

We want to have a performant app it aligns with delivering great user experience.

First attempt, lazily load component by render.

  • don't load component if not needed
  • eagerly load when user have indication to fetch data
  • Use suspense with fallback while data fetching is being executed
  • use webpack magic

How to measure coverage performance using Chrome Dev tools.

About the author

Hey, I'm Anas, a software engineer and maker of things. I publish articles about modern JavaScript, design, and programming.

Follow me on Twitter