I rarely need to do React performance optimizations.

But we have a page with 5 big tables and a summary bar. When one table changes, everything renders. It's slow.

Solution:
1. I wrapped each table in memo.
2. I wrapped the functions passed down in useCallback.

MUCH faster.

View original on X