CONTACT US

Before You memo()

A young man with short dark hair, a beard, and clear-framed glasses stands in front of a metal roller shutter, looking slightly to the side with a neutral expression.
  • Verify you’re running a production build. (Development builds are intentionally slower, in extreme cases even by an order of magnitude.)
  • Verify that you didn’t put the state higher in the tree than necessary. (For example, putting input state in a centralized store might not be the best idea.)
  • Run React DevTools Profiler to see what gets re-rendered, and wrap the most expensive subtrees with memo(). (And add useMemo() where needed.)

 

Chris Lojniewski

Chris is the CEO of Pagepro, a software house focused on building scalable, high-performance web applications using Next.js and modern headless architectures. Pagepro helps companies move beyond monolithic systems by implementing composable, API-driven platforms that improve performance, flexibility, and long-term maintainability. Chris is a v0 ambassador (https://v0.app/@klojniewski ) and actively explores how AI-assisted development and modern tooling can reduce development friction. His focus is not just on technology choices, but on optimizing delivery processes, architecture decisions, and product scalability.

Article link copied

Close button