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

発行日: 2026-08-19 ソース: This Week in React #294

今週の注目ポイント

• React Compiler のツールチェーン対応が加速。Rust ベースのコンパイラ対応が各ツールに広がり、Oxlint 1.79 が自動メモ化付きで対応、Biome 2.5.8 が実験的な lint ルールを追加、Bun 1.4 もフラグ経由で対応予定。ビルド・lint 環境への React Compiler 導入が現実的な段階に入った。
• React 19.3 の主要機能が見えてきた。Next.js チームの AMA で Fragment refs と ViewTransition が 19.3 で安定化することが明言され、React 本体でも parallel transitions フラグを全面有効化する PR が進行中（Meta では既に本番稼働）。
• 各種フレームワーク／ツールがメジャー RC ラッシュ。Preact 11.0 RC（use()・createPortal()・useEffectEvent() 追加）、Solid 2.0 RC、SvelteKit 3.0 RC、pnpm 12.0 RC（Rust 書き直し）、Vitest 5.0 RC が同時期に登場。エコシステム全体が次世代へ移行しつつある。
• CSS を悪用したメール攻撃の新手法。PortSwigger の調査により、Gmail / Outlook / Fastmail の CSS サニタイザを回避してトークン窃取・クリックジャック・キーロギングが可能になる手法が公開された。

React

The React Compiler rollout

• URL: https://oxc.rs/blog/2026-08-18-react-compiler-support
• 要約: Rust ベースの React Compiler 対応が各ツールに広がっている。Oxlint 1.79 が自動メモ化付きで対応、Biome 2.5.8 が実験的な lint ルールを追加、Bun 1.4 はフラグ経由でコンパイラをサポート予定。関連リンクとして vite-plugin-react の PR や Biome の issue も紹介。

React PR - Enable parallel transitions flag everywhere

• URL: https://github.com/react/react/pull/37290
• 要約: parallel transitions はすでに Meta の本番環境で使われており、React / React Native ともに v19.3 で導入される見込み。そのフラグを全面的に有効化する PR。

TanStack Router reimplemented

• URL: https://github.com/TanStack/router/discussions/8087
• 要約: サードパーティによる TanStack Router の再実装が登場。ドロップイン置き換えで最大19倍高速と主張しており、コアメンテナが応答している議論スレッド。

Next.js team - Ask us anything on Reddit

• URL: https://www.reddit.com/r/nextjs/comments/1vnlcsk/were_the_nextjs_team_ask_us_anything/
• 要約: Next.js チームの AMA。React 19.3 で Fragment refs と ViewTransition が安定化することが明言された。あわせて granular prerendering や新しいデータフェッチプリミティブのプレビューにも言及。

Next.js team - Ask us anything on X

• URL: https://x.com/timneutkens/status/2090068164860117058
• 要約: 上記 Reddit AMA と同内容を X 上で実施したもの。

React Router - Changes planned for v9

• URL: https://github.com/remix-run/react-router/discussions/15371
• 要約: 次期メジャー v9 に向けた機能を追跡する議論スレッド。リリースは2027年半ばを予定。

Cursor completed its migration from Solid (v1) to React and StyleX

• URL: https://x.com/poteto/status/2089227731305464150
• 要約: Cursor が Solid（v1）から React + StyleX への移行を完了。シグナルベースのアプローチはパフォーマンスの落とし穴を生んだとのこと。新製品「Bot」では useEffect の直接利用を禁止している。

React Summit US

• URL: https://reactsummit.us/?utm_source=thisweekinreact
• 要約: 11月17日・20日にニューヨークで開催。Kent C. Dodds、Shaundai Person、Ken Wheeler、Tanner Linsley、Seth Webster らが登壇。コード「TWIR」で10%割引。

Impersonating the DOM

• URL: https://julesblom.com/writing/hoistable-svg-defs-ii
• 要約: React Aria が使っている興味深いライブラリ設計手法の解説。createPortal(children, fakeDocument) を使うことで reconciler の操作を盗み見できる。

How Lovable.dev moved from Next.js to TanStack Start

• URL: https://lovable.dev/blog/how-we-migrated-lovable-dev-away-from-nextjs
• 要約: フレームワーク非依存のコード・エージェント・並列実行を使った段階的な移行アプローチを解説。DX は向上したがバンドラのカスタマイズが必要になる。

Making Navigations Instant in v0

• URL: https://nextjs.org/blog/making-v0-navigations-instant
• 要約: Next.js 16.3 で動的コンテンツを実行時にプリレンダリングできるようになり、ナビゲーションが瞬時に感じられるようになった事例。

Reliable Query Prefetching with TanStack Router

• URL: https://tkdodo.eu/blog/reliable-query-prefetching-with-tanstack-router
• 要約: 信頼できるプリフェッチには、Route Context を介してルートローダーとコンポーネント間で query options を同期させることが必要だと解説。

Inside a TanStack Router Navigation

• URL: https://tanstack.com/blog/tanstack-router-navigation-lanes
• 要約: transaction と private lane の仕組みを使ったナビゲーションのライフサイクルと、競合状態を含むエッジケースの扱いを解説。

Building App-like Experiences with Next.js 16.3

• URL: https://nextjs.org/blog/building-app-like-experiences-with-nextjs-16-3
• 要約: モダンな Web アプリ向けの最新 Next.js 機能を、4つのオープンソースアプリのデモを通して紹介。

Coordinating Optimistic Updates in Next.js

• URL: https://aurorascharff.no/posts/coordinating-optimistic-updates-in-nextjs/
• 要約: useActionState と useOptimistic を使い、Action キューパターンと自動ロールバックで重なり合うトランジションを調整する方法を解説。

Using next/root-params in Next.js 16.3

• URL: https://next-intl.dev/blog/nextjs-root-params
• 要約: next-intl にとってのゲームチェンジャー。すべての Server Component でルートレイアウトの [locale] パラメータを読めるようになる。

OXC for TSRX - Parse, lint, format .tsrx files with Oxc

• URL: https://compiled.run/oxc-tsrx
• 要約: JSX の後継として期待される TSRX 向けの、高速な Rust ベースツールチェーン。

GTKX 1.0

• URL: https://gtkx.dev/blog/gtkx-1-0
• 要約: Linux 向けの React フレームワーク。GTK4 の上に宣言的なレイヤーを提供する。

Unhead 3.3

• URL: https://github.com/unjs/unhead/releases/tag/v3.3.0
• 要約: フレームワーク非依存の head コンポーネント。Fragment サポートと React 向けの修正を追加。

Astryx 0.3 & 0.4

• URL: https://github.com/facebook/astryx/releases
• 要約: StyleX ベースの、完全にカスタマイズ可能な Meta のデザインシステム。

React-Hook-Form 7.85

• URL: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.85.0
• 要約: React Activity コンポーネントに対応。

shadcn React 0.3

• URL: https://ui.shadcn.com/docs/changelog/2026-08-questionnaire
• 要約: 複数ステップの質問フロー向けの新しい Questionnaire コンポーネントを追加。

Fig - A small TypeScript UI runtime based on React Fiber

• URL: https://www.bengubler.com/posts/2026-08-14-introducing-fig-ui-runtime
• 要約: React Fiber ベースの軽量な UI ランタイム。

Rshono

• URL: https://github.com/rshono/rshono
• 要約: Hono・Rspack・React Server Components をベースにしたミニマルな Web フレームワーク。

Sugar High 2.0

• URL: https://github.com/huozhi/sugar-high/releases/tag/v2.0.0
• 要約: 軽量でコンポーザブルなシンタックスハイライター。React バインディングを持つ。

TanStack Form 2.0 alpha

• URL: https://tanstack.com/blog/announcing-tanstack-form-v2-alpha
• 要約: API の再設計、新しいバリデーションパイプライン、パフォーマンスと型安全性の改善を導入。

Preact 11.0 RC

• URL: https://github.com/preactjs/preact/releases/tag/11.0.0-rc.0
• 要約: use()・createPortal()・useEffectEvent() などを追加。

Humid 1.0

• URL: https://thoughtbot.com/blog/humid-1-0-react-server-side-rendering-in-rails-can-be-easy
• 要約: V8 / mini_racer を使い、Rails 上で React のサーバーサイドレンダリングを行う。

Lucas Barake - The state library that made me drop Zustand

• URL: https://www.youtube.com/watch?v=397MsJf8HGg
• 要約: Effect v4 が RC に入り、React バインディングを含むリアクティブな Atom 実装を備えるようになったことを紹介。

This Month in React - July 2026

• URL: https://share.transistor.fm/s/55d1846a
• 要約: React 系ライブラリ・ガバナンス・状態管理を扱うポッドキャスト。

その他（JS / CSS / Web全般）

CSS: the bomb inside your inbox

• URL: https://portswigger.net/research/css-the-bomb-inside-your-inbox
• 要約: Gmail / Outlook / Fastmail の CSS サニタイザを回避し、トークン窃取・クリックジャック・キーロギングを可能にする新しい攻撃手法を示した調査。

How Variable Mangling Works in Oxc Minifier

• URL: https://green.sapphi.red/blog/how-variable-mangling-works-in-oxc-minifier
• 要約: スロット割り当てアルゴリズムによって変数名をより短い名前に置き換える仕組みの技術解説。

Node.js 26.7

• URL: https://nodejs.org/en/blog/release/v26.7.0
• 要約: Perfetto トレーシングのサポートを追加。

Astro 7.2

• URL: https://astro.build/blog/astro-720/
• 要約: インクリメンタルな静的ビルド、session サポートのオプトアウトを追加。

pnpm 12.0 RC

• URL: https://pnpm.io/blog/whats-different-in-pnpm-12
• 要約: pnpm 12 は Rust で書き直された。5つの相違点を除けば導入は容易とのこと。

Vitest 5.0 RC

• URL: https://main.vitest.dev/guide/migration.html#vitest-5
• 要約: デフォルトでモックをクリア、fake timers が Temporal をモックするように。安定版は2〜3週間後の見込み。

Solid 2.0 RC

• URL: https://www.solidjs.com/blog/solid-2-0-rc-the-big-reveal
• 要約: 一級の非同期サポート、新しい Rust ベースのコンパイラツールチェーン、よりシンプルな API を導入。

SvelteKit 3.0 RC

• URL: https://svelte.dev/blog/sveltekit-3-release-candidate
• 要約: Vite 8 + Rolldown、エラーバウンダリ、検証付き環境変数、リモート関数を追加。