This Week in React #286 キャッチアップ

発行日: 2026-06-17 ソース: React Compiler, StyleX, TSRX, WordPress, TanStack, Remotion, Hydrogen | …

今週の注目ポイント

Rust製 React Compiler の本格展開: React Compiler の Rust 移植版が各ツールチェーンに一斉に統合された。Oxlint・Rolldown/Vite・SWC・Rspack・Next.js(Turbopack) が対応し、Babel版に比べ 7〜13倍高速。早期採用者は実行時パフォーマンスでも x5〜6 の改善を報告しており、ビルドと実行の両面で恩恵が大きい。
Babel 8.0 リリース: ESM-only 化、ES5 デフォルトの廃止という大きな節目。長期メンテされてきたプロジェクトの移行に影響するため、ビルド設定の見直しが必要になる可能性がある。
Biome 2.5: Lint ルール 500 種、プラグインによるコード修正、クロスファイル Lint に対応。ESLint/Prettier 代替としての完成度が一段上がった。
Node.js の Package Maps（実験的）: node_modules を走査せず静的 JSON でパッケージ解決を行う仕組み。Yarn 4.17 が対応済みで pnpm も追従の可能性。依存解決の高速化につながる将来の標準として注目。
StyleX 0.19 / LLM-safe デザインシステム: StyleX が Tailwind風のインラインアトミックスタイル @stylexjs/atoms を追加。あわせて Polar が「AIエージェントがデザイン決定を尊重できる」型安全なデザインシステムを StyleX で構築した事例も紹介され、AI時代のUI設計の方向性を示している。

URL: https://oxc.rs/docs/guide/usage/linter/rules/react/react-compiler.html
要約: React Compiler の Rust 移植版を活用した実験的ルール。React Spectrum や Sanity といった早期採用者が「x5〜6 の顕著なパフォーマンス改善」を報告している。

URL: https://github.com/rolldown/rolldown/pull/9801
要約: PR がマージされ、Vite および Rolldown ユーザーが近く transform.reactCompiler オプションを利用できるようになる。

URL: https://github.com/web-infra-dev/rspack/pull/14435
要約: Next v2.1 で builtin:swc-loader 経由の Rust 版 React Compiler に対応予定。「Rust 版は Babel 版より 7〜13倍高速」。

URL: https://github.com/vercel/next.js/pull/94573
要約: experimental.turbopackRustReactCompiler オプションを追加。Next.js v16.3.0-canary.52 で利用可能。

URL: https://make.wordpress.org/core/2026/06/05/react-19-upgrade-temporarily-reverted-in-gutenberg/
要約: Gutenberg の React 19 へのアップグレードが v18/v19 間の JSX runtime 互換性問題に直面し一旦リバートされた。v19 対応は WordPress 7.1 で予定。

URL: https://tsrx.dev/blog/rethinking-tsrx
要約: TSRX 構文が JSX と後方互換になるよう再設計された。Dominic Gannaway による、各種フレームワークランタイムと互換性のある共有UI構文を提供するプロジェクト。

URL: https://www.adarsha.dev/blog/tanstack-mental-model-for-nextjs-developers
要約: 型安全性、アイソモーフィックな loader、「RSC-as-data」のメンタルモデルといった観点から、Next.js との違いを深掘りする記事。

URL: https://www.jayfreestone.com/writing/module-level-dependency-injection-react/
要約: React メタフレームワーク全般における DI の概観と、RSC 向けの Next.js モジュールシステム提案への批評。

URL: https://polar.sh/blog/orbit-llm-safe-design-system
要約: Polar のデザインシステムは型安全な StyleX トークンを持つ単一のポリモーフィックな <Box> コンポーネントを使い、Tailwind や素の HTML 要素を禁止。AIエージェントがデザイン決定を尊重するよう設計されている。

URL: https://github.com/facebook/stylex/blob/main/CHANGELOG.md#0190-jun-14-2026
要約: Tailwind風のインラインアトミックスタイル @stylexjs/atoms を追加、ESLint 10 互換に対応。