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

発行日: 2026-06-03 ソース: TanStack Start, Compiler, React Router, Forms, TypeGPU, React Aria, shadcn, XState | App.js, Gesture Handler, SPM, Expo, Runtimes, Legend List, Desktop | npm, Node.js, Astro

今週の注目ポイント

• React Compiler Rust版PR: Rust版React Compilerが既存TypeScript版と99.9%同一の出力を生成可能に。Oxcチームが統合作業中で、コンパイル速度の大幅改善が期待される
• React Router & Remix セキュリティ脆弱性: RCE・CSRF・XSS・DoSを含む7件のCVEが公開。React Router v7.16.0 / v6.30.4、Remix v2.17.5への即時アップデートが必要
• TanStack Start Rsbuild対応: Viteに加えてRsbuild/Rspackを公式サポート。SSR・ストリーミング・HMR・Server Functions・RSCに対応
• React Aria Components 1.18: Calendar複数日選択、月/年ピッカー、新コンポーネント(TableFooter, SliderFill)など大型アップデート
• XState Store 4.0: createStoreLogicによる再利用可能ストア、Standard Schemaサポートなど

React

TanStack Start Adds First-Class Rsbuild Support

• URL: https://tanstack.com/blog/start-adds-rsbuild-support
• 要約: TanStack Startが新しいプラグインアダプタを通じてRsbuild/RspackをViteと並んで公式サポート。SSR、ストリーミング、HMR、Server Functions、RSCに対応

Lovable - Building apps using TanStack Start

• URL: https://lovable.dev/fr/blog/building-apps-using-tanstack-start
• 要約: AIアプリビルダーのLovableが新規プロジェクトでTanStack Start（SSR有効）をデフォルト採用

The Conductor Rewrite: What They Changed to Make It Fast

• URL: https://performance.dev/the-conductor-rewrite
• 要約: TauriデスクトップアプリをReact RouterからTanStack Routerへ移行した事例。ビルトインの構造共有と安定したrefsにより再レンダリングが大幅削減

TanStack Start authentication: A developer’s guide for 2026

• URL: https://workos.com/blog/tanstack-start-authentication-guide
• 要約: beforeLoadがserver functionsを保護しない点、ダブルガードパターン、セッション管理、ミドルウェアについてのガイド

SVAR React Gantt

• URL: https://svar.dev/react/gantt/?utm_source=thisweekinreact&utm_medium=newsletter&utm_campaign=may
• 要約: 純粋なReact APIと高度なスケジューリング機能でプロジェクトタイムラインを構築するGanttチャートコンポーネント（MIT & PRO）

React Compiler update - The Rust compiler PR

• URL: https://github.com/facebook/react/pull/36173#issuecomment-4608356402
• 要約: Rust版React Compilerが既存のTypeScript版と99.9%同一の出力を生成。ローカルPRチェックアウトで試用可能で、Oxcチームが統合作業中

Next.js Nights

• URL: https://nextjs.org/nights
• 要約: Next.jsチームのツアーイベント（6/9 SF、6/11 Amsterdam、6/18 London）。v16.3のInstant Navigationsや新しいAI関連機能がティーザー公開

React Router & Remix v2 - 7 CVEs published

• URL: https://x.com/ReactRouter/status/2061839906834395649
• 要約: RCE、CSRF、XSS、DoSを含む7件のCVEが公開。React Router v7.16.0 / v6.30.4 または Remix v2.17.5へのアップデートが必要

Deprecating a React component using TypeScript Overload

• URL: https://dev.to/mbarzeev/deprecating-a-react-component-using-typescript-overload-2ka
• 要約: TypeScriptのオーバーロードを使い、コンポーネント名を変えずに破壊的な再設計をリリースする手法。旧APIに@deprecatedを付け、新バージョンへのオプトインを可能にする

PostHog

• URL: https://go.posthog.com/twir-jun3
• 要約: PostHog Codeとセルフドライビングプロダクト（スポンサー）

TanStack Form 1.33

• URL: https://github.com/TanStack/form/releases/tag/%40tanstack/react-form%401.33.0
• 要約: マルチステップフォームを簡素化するFormGroup APIを追加

React Hook Form 7.77

• URL: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.77.0
• 要約: 新しいresetDefaultValues APIを追加

React Email 6.5

• URL: https://github.com/resend/react-email/releases/tag/react-email%406.5.0
• 要約: クライアント別の互換性警告フィルタリング、アクセシビリティ改善

TypeGPU React

• URL: https://docs.swmansion.com/TypeGPU/ecosystem/typegpu-react/
• 要約: TypeGPUのReactバインディング。useFrame、useUniform、useRootなどのhooksでTypeScriptから直接GPUシェーダーを記述可能

Lexical 0.45

• URL: https://github.com/facebook/lexical/releases/tag/v0.45.0
• 要約: importDOMを置き換えるcomposableなDOMImportExtension、backspaceでブロックタイプを保持するように変更、canUndo/canRedoシグナルの追加

React Aria Components 1.18

• URL: https://github.com/adobe/react-spectrum/releases/tag/react-aria-components%401.18.0
• 要約: Calendarの複数日選択、月/年ピッカー、新しいTableFooterとSliderFillコンポーネント。Checkbox、Radio、Switchがdescriptionとerror messageスロットに対応

React Spectrum 1.4

• URL: https://react-spectrum.adobe.com/releases/v1-4-0.html
• 要約: ListViewのドラッグ&ドロップ、TableViewのハイライト選択とTableFooter、ComboBox/TextFieldのカスタムプレフィックス、Calendarの複数日選択

Shadcn UI 4.9 & 4.10

• URL: https://ui.shadcn.com/docs/changelog
• 要約: GitHubレジストリ対応、npx shadcn ejectで任意のコンポーネントをコードベースに展開可能

Next Intl 4.13

• URL: https://github.com/amannn/next-intl/releases/tag/v4.13.0
• 要約: useExtracted関数がURLセーフなbase64でメッセージキーを生成するように変更

React Flow 12.11

• URL: https://github.com/xyflow/xyflow/releases/tag/%40xyflow/react%4012.11.0
• 要約: 新しいautoPanOnSelectionプロパティを追加

XState Store 4.0

• URL: https://github.com/statelyai/xstate/releases/tag/%40xstate%2Fstore%404.0.0
• 要約: 再利用可能なストアのためのcreateStoreLogic、イベントチェーンのenq.trigger、Standard Schemaサポート、イベントチェック用のstore.canを追加

React Archer 5.0

• URL: https://github.com/pierpo/react-archer/releases/tag/v5.0.0
• 要約: 要素間に矢印を描画するライブラリ。React 19サポートを追加

ESLint Plugin React “You Might Not Need An Effect” 1.0

• URL: https://github.com/nickjvandyke/eslint-plugin-react-you-might-not-need-an-effect/blob/main/CHANGELOG.md#100-2026-05-31
• 要約: 不要なuseEffectを検出するESLintプラグインのv1.0リリース

Jack Herrington - All 17 TanStack Projects In ONE App!

• URL: https://www.youtube.com/watch?v=J4kzovOTNKw
• 要約: 17のTanStackプロジェクトすべてを1つのアプリで使うビデオチュートリアル

Señors at Scale - Redux at Scale with Mark Erikson

• URL: https://www.youtube.com/watch?v=dbe0wC9Y8bo
• 要約: Mark EriksonによるReduxの大規模運用についてのポッドキャストエピソード

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

State of CSS 2026

• URL: https://survey.devographics.com/en-US/survey/state-of-css/2026?source=this_week_in_react
• 要約: State of CSS 2026アンケートが開始

Node.js streams, backpressure, memory leaks

• URL: https://frontendmasters.com/blog/your-node-js-streams-arent-backpressuring-theyre-silently-eating-your-memory/
• 要約: Node.jsストリームのバックプレッシャーとメモリリークについての実践的な2部構成の深掘り記事。ストリームのメモリフットプリント削減に役立つ

On Rendering Diffs – Pierre Computer Company

• URL: https://pierre.computer/writing/on-rendering-diffs
• 要約: 「Inverse Sticky Technique」を用いたゼロブランキングdiffバーチャライザの構築についての深掘り記事

Node.js 26.3

• URL: https://github.com/nodejs/node/releases/tag/v26.3.0
• 要約: 新しいpermission.drop() API、設定可能なHTTPヘッダバリデーション、Buffer.poolSizeを64 KiBに増加

npm 11.16

• URL: https://github.com/npm/cli/releases/tag/v11.16.0
• 要約: package.jsonのallowScriptsフェーズ1を実装。サプライチェーンセキュリティの改善

Aube 1.17

• URL: https://github.com/endevco/aube/releases/tag/v1.17.0
• 要約: Rustベースのパッケージマネージャ。Staged publish trust、hoisting制限、リモートtarballの整合性修正

pnpm 11.5

• URL: https://pnpm.io/blog/releases/11.5
• 要約: hoistingLimits設定、インタラクティブプロンプトライブラリ、staged publishingの信頼ダウングレード検出

Astro 6.4

• URL: https://astro.build/blog/astro-640/
• 要約: プラガブルなMarkdownプロセッサ、高速ビルドのためのRustベースMarkdownプロセッサ、Cloudflareヘルパー

Yarn 4.16

• URL: https://github.com/yarnpkg/berry/releases/tag/%40yarnpkg/cli/4.16.0
• 要約: staged publishing用の新しいstageコマンド、oxc向けエディタSDKサポート