What’s the impact of automatic memoization by the React Compiler?

Automatic memoization by the React Compiler means React handles skipping unnecessary re-renders for you, so manual memoization with hooks or wrappers often becomes unnecessary.

You can write normal functional components, and the compiler will optimize them by adding memoization where safe during build time, making code simpler and improving performance automatically.

Code

function Greeting({ name }) {
  console.log('Rendered:', name);
  return <h1>Hello, {name}!</h1>
}