React Compiler

手動メモ化（useMemo/useCallback）の終わり。Reactが自動で最適化します。

オートマ車 (Automatic Transmission)

これまでのReactは「マニュアル車」でした。いつクラッチを切るか（useMemoするか）を人間が判断する必要がありました。 React Compilerは「オートマ車」です。エンジンの回転数を見て、勝手にギアチェンジしてくれます。

Compiler Demo

No useMemo needed
// React 19 Compiler (Automatic Memoization)
function Header({ title }) {
  // No need for useMemo() manually anymore!
  // The compiler detects this is static text.
  return <h1>{title}</h1>;
}