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

発行日: 2026-09-09 ソース: React 19.3, DevTools, Next.js, cn, Maps, Effective-RSC, Vidact, uf | … | Rslib, Vitest, gpu-lexer, Ata, Interop

今週の注目ポイント

React 19.3 が正式リリース: View Transitions と Fragment Refs が stable に昇格し、SSR をオプトアウトできる use(browser()) API、Trusted Types によるセキュリティ機能、RSC で <Context> を直接レンダリングできる機能などが追加された。View Transitions / Fragment Refs を試したかった人はこのバージョンで本番投入を検討できる。
React Compiler の Rust 実装が Vite で 17 倍高速に: 「React Now Rusted All The Way Out」が Rust 版 React Compiler の Vite 対応をまとめ、Babel 版比 17 倍の高速化を報告。React Router のフレームワークモード利用者向けの代替手段も示されており、ビルド時間に悩むプロジェクトに直接効く。
shadcn 発の cn エンジン: Tailwind のクラスマージ/衝突解決を担う新エンジンで、tailwind-merge + clsx の 30 倍速を謳い、同一 API を提供。すでに shadcn 4.21 に統合済みで、多用するユーティリティだけに影響が大きい。
メジャーバージョン更新ラッシュ: Jotai 3.0（ESM-only 化）、Vitest 5.0、htmx 4.0（XHR→fetch への破壊的変更）、NestJS 12.0（ESM ファースト・Rspack 採用）が同週に到着。ESM 移行や破壊的変更を含むものが多く、依存関係のアップグレード計画に影響する。

URL: https://react.dev/blog/2026/09/09/react-19-3
要約: React の新しいマイナーバージョンが正式リリース。View Transitions と Fragment Refs が stable になり、サーバーサイドレンダリングをオプトアウトする use(browser()) API、Trusted Types セキュリティ機能、RSC が <Context> を直接レンダリングできる機能などを含む。

URL: https://github.com/react/react/blob/main/packages/react-devtools/CHANGELOG.md#800
要約: Suspense タブの有効化、React Element パネルの追加、Timeline プロファイラを Performance トラックへ置き換え、Activity のサブツリーを暗く表示、などを含む。まだ npm や拡張機能ストアには公開されていない。

URL: https://github.com/react/react/tree/main/packages/react-devtools-cdt-mcp
要約: React チームが実験中の新パッケージで、最近 npm に公開された。MCP サーバーそのものではなく、Chrome DevTools がエージェントに有用な React ツールを発見・登録・公開できるようにするもの。

URL: https://github.com/reactjs/react.dev/pull/8632
要約: formState、importMap、maxHeadersLength といった SSR オプションについて、これまで抜けていた API ドキュメントを追加する PR。

URL: https://github.com/vercel/next.js/pull/97232
要約: useReportWebVitals() が、Core Web Vitals に最近追加された SPA のソフトナビゲーションを近く報告できるようになる。

URL: https://blog.master.dev/react-now-rusted-all-the-way-out/
要約: Rust 版 React Compiler の Vite 対応を概観する記事。Babel 版比 17 倍の高速化を報告し、React Router フレームワークモード利用者向けの代替手段も示す。

URL: https://maxleiter.com/blog/thank-u-next
要約: 個人サイトの Next.js を、Claude が設計した 5000 行のフレームワークに置き換えた事例。サーバー側は依然として React/MDX、クライアント側は Preact のアイランドで、送出する JS を 99% 削減した。

URL: https://github.com/visgl/react-google-maps/releases/tag/v1.10.0
要約: 既存の Google Maps 3D 対応を完成させ、GLB モデル・HTML マーカー・ポリライン・ポリゴン・地形フラット化・円形パスの宣言的コンポーネントを追加した。

URL: https://github.com/shadcn-ui/cn
要約: Tailwind のクラスマージと衝突解決のための新エンジン。tailwind-merge + clsx と同じ API で 30 倍高速を謳う。すでに shadcn 4.21 に統合済み。

URL: https://www.nikhilsnayak.dev/blog/introducing-effective-rsc
要約: Bun 向けの実験的な Effect ネイティブの React Server Components フレームワーク。RSC ページは Effect.fn() 関数で、ルートパラメータは Schema でデコードされる。