React Compiler (React Forget): Automatic Memoization Explained

What is React Compiler?

React Compiler is a build-time tool that automatically memoizes components – meaning you no longer need useMemo, useCallback, or React.memo. It analyzes your code and inserts memoization where beneficial.

How It Works

The compiler performs a static analysis of your component's dependencies (props, state, context). It determines which values can change and which remain stable, then automatically wraps components and hooks with memoization primitives.

Before (Manual)

const ExpensiveList = React.memo(({ items, onItemClick }) => {
  const sorted = useMemo(() => items.sort(), [items]);
  const handleClick = useCallback((id) => onItemClick(id), [onItemClick]);
  return <ul>{sorted.map(item => <li key={item.id} onClick={() => handleClick(item.id)}>{item.name}</li>)}</ul>;
});

After (Compiler)

function ExpensiveList({ items, onItemClick }) {
  const sorted = items.sort();
  const handleClick = (id) => onItemClick(id);
  return <ul>{sorted.map(item => <li key={item.id} onClick={() => handleClick(item.id)}>{item.name}</li>)}</ul>;
}
// Compiler adds memoization automatically

Performance Impact

Early benchmarks show 30-50% reduction in render time for complex apps. Code becomes simpler and less error-prone. No more incorrect dependency arrays or missing memoization.

Adoption Strategy

1. Enable compiler on a per-component basis with 'use memo' directive
2. Run codemod to remove existing manual memoization
3. Test thoroughly – compiler respects existing memoization (won't break)

Limitations

• Still experimental (as of React 19 beta)
• Doesn't work with dynamic imports or eval
• May increase bundle size slightly (but reduces runtime work)

Interview Q&A

Q: Will React Compiler replace useMemo/useCallback? Eventually, yes – the goal is for manual hooks to become rare, only for advanced edge cases.
Q: Is React Compiler production-ready? As of 2025 Q2, it's in beta. Major companies (Meta, Shopify) are testing internally.

Conclusion

React Compiler is the future of React performance. Start experimenting today – your code will become simpler and faster automatically.