Summary

2024-10-21 に React Compiler の Public Beta が公開されました。React 17+ もサポートするための react-compiler-runtime を使った後方互換性対応があり、ESLint プラグインはコンパイラ無しでも利用可能で導入を強く推奨します。ライブラリ作者はソースを事前コンパイルして npm に公開することで、利用者がコンパイラを有効化していなくても自動メモ化の恩恵を受けられます。ワーキンググループは公開参加可能になり、Meta では既に複数の大規模アプリで導入されてパフォーマンス改善が確認されています。

Key Points

• インストール（beta タグ）: npm install -D babel-plugin-react-compiler@beta eslint-plugin-react-compiler@beta または yarn add -D babel-plugin-react-compiler@beta eslint-plugin-react-compiler@beta
• ESLint プラグインのみ導入可: npm install -D eslint-plugin-react-compiler@beta（コンパイラ不要、まずはこれを導入して Rules of React を検出）
• React 17/18 対応: コンパイラ設定で minimum target を指定し、react-compiler-runtime を依存に追加して動作させる
• ライブラリ向け推奨ワークフロー: ソースに対してコンパイラを実行してからコンパイル済パッケージを npm に公開（利用者はコンパイラ不要）
• ワーキンググループ: 公開メンバーシップ開始。フィードバックや議論は Working Group フォーラムへ
• ロードマップ: Beta → Release Candidate → Stable。ESLint プラグインの統合や更なる最適化を継続
• 実運用実績: Meta の複数サービスで導入済み、数％台のパフォーマンス改善と開発効率の改善が報告

Actionable steps for engineers

• まず ESLint プラグインを導入して Rules of React の違反を検出・修正する
• アプリやライブラリで minimum target を設定し、react-compiler-runtime を追加して挙動を検証する
• ライブラリはコンパイル済バンドルを公開して利用者側の導入コストを下げる
• 問題や設計議論は Working Group に投稿して早期フィードバックを得る