I see some React apps using useMemo everywhere. Don't.

useMemo is rarely necessary.

It makes code harder to read.

React compiler is coming later this year. It will auto-memo. So useMemo overuse just leads to more cleanup later. (Hopefully a codemod will remove it all)

My rule:

Building a React library or reusable hook? useMemo/useCallback by default might make sense.

Building a React app? Only add useMemo/useCallback when necessary.

View original on X