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

発行日: 2026-07-22 ソース: This Week in React #291

今週の注目ポイント

• Pete Hunt が Vercel に参加し Next.js と Frameworks を統括。Instagram Web で React に早期に賭け、多くの開発者を React に導いた立役者が復帰する大きな人事。
• Next.js が初の事前告知型・月次セキュリティリリースを実施。v16.2.11 / v15.5.21 で高深刻度4件・中深刻度5件を修正。React 側も Server Functions の DoS 脆弱性が 19.0.8 / 19.1.9 / 19.2.8 でパッチされた。
• Oxlint 1.75 で型認識リンティングが安定版に。TypeScript v7 ベースの tsgolint 7.0 により --type-aware/--type-check フラグと43個の型認識ルールが利用可能に。
• ReactBench 登場。Million.js チームが実際の React タスクでコーディングエージェントを採点するベンチマークを公開。挙動・性能・アクセシビリティ・コード品質を評価し、GPT 5.6 が首位でコスト効率も高い。
• 状態管理ライブラリは本当に必要かという問いが再燃。ほぼ全ての状態管理ライブラリが useSyncExternalStore に収束しており、約50行で自作できると指摘される。

React

Pete Hunt joins Vercel to lead Next.js and run Frameworks

• URL: https://x.com/rauchg/status/2077870043833229692
• 要約: Instagram Web で React に早期に賭け、多くの開発者を React へ導いた立役者が Vercel に参加し、Next.js と Frameworks を統括する。

TypeScript 7 support in Next.js 16.3

• URL: https://x.com/timneutkens/status/2076771696745345363
• 要約: next build は TS API を使うが、これは TypeScript 7.1 でのみ利用可能になる。リリースまでは experimental.useTypeScriptCli で tsc CLI 経由の型チェックが可能。

React - Denial of Service in Server Functions

• URL: https://github.com/react/react/security/advisories/GHSA-wx67-qw84-cm4g
• 要約: Server Functions における高深刻度の DoS 脆弱性。19.0.8 / 19.1.9 / 19.2.8 でパッチ済み。

Next.js - July 2026 Security Release

• URL: https://nextjs.org/blog/july-2026-security-release
• 要約: 事前告知型・月次セキュリティリリースの初回。高深刻度4件・中深刻度5件を v16.2.11 と v15.5.21 で修正。

React.dev PR - Dynamic OG images for docs pages

• URL: https://github.com/reactjs/react.dev/pull/8527
• 要約: React 公式サイトのドキュメントページで、Satori を使った動的なソーシャルカード（OG画像）を生成するように。

ReactBench - Evaluates frontier coding agents on production React work

• URL: https://www.reactbench.com/blog
• 要約: Million.js チームが実際の React タスクでコーディングエージェントを採点するベンチマークを公開。挙動・性能・アクセシビリティ・コード品質を評価し、GPT 5.6 が首位で Fable 5 より約6倍コスト効率が高い。

TSRX in TanStack Start: what we like, and three bugs we filed

• URL: https://www.jxd.dev/blog/tsrx-tanstack-start
• 要約: TypeScript ベースの JSX 拡張 TSRX を TanStack Start と React で試した実践的フィードバック。作者の Dominic Gannaway（元 React/Svelte コアチーム）は TSRX ベースで全てを事前コンパイルするフレームワーク Octane.js を開発中。

Inside TanStack Table V9 Reactivity

• URL: https://tanstack.com/blog/tanstack-table-v9-reactivity
• 要約: TanStack Table の新しいリアクティブかつフレームワーク非依存のコアを深掘り。共有 atom インターフェース上に構築し、React はシグナルベースでないため adapter は TanStack Store を利用。セレクタによる粒度の細かい更新と React Compiler 互換を実現。

React Hook Form Avoids State. TanStack Form Scopes It

• URL: https://www.adarsha.dev/blog/react-hook-form-and-tanstack-form-state-models
• 要約: 2つのフォームモデルを比較。ネイティブな register 型入力 vs 粒度の細かい更新を持つ controlled 入力。

Do we need state management libraries anymore?

• URL: https://neciudan.dev/do-we-need-state-management-libraries
• 要約: ほぼ全ての状態管理ライブラリが useSyncExternalStore に収束しており、理解できる約50行のコードで自作できると指摘。

Props, Composers, and Providers: the composition pattern we’re converging on

• URL: https://backstage.orus.eu/react-composition-patterns-at-orus
• 要約: 意図を明示的にする命名規約を伴う、意見の入った React コンポジションの階層モデル。

Advanced React State Boundaries in a Real Next.js App

• URL: https://www.nirtamir.com/articles/advanced-react-questions
• 要約: 実際の Next.js アプリにおける高度な React の状態境界の扱いを解説。

shadcn CLI 4.13.1 - Add React Aria support

• URL: https://ui.shadcn.com/docs/changelog/2026-07-react-aria
• 要約: shadcn CLI・UIライブラリ・ドキュメントが、Base UI・Radix UI に加えてヘッドレスプリミティブ React Aria を一級サポート。

dx-styles - zero-runtime CSS-in-TS library

• URL: https://dx-styles.dev/blog/why-dx-styles/
• 要約: Linaria と Pigment CSS のメンテナが styled(Component) は設計上の誤りだと説明し、長年の経験に基づく新しいゼロランタイム CSS-in-TS ライブラリを紹介。

Vite Plugin React 0.5.28 - RSC runtime optimizations

• URL: https://github.com/vitejs/vite-plugin-react/blob/plugin-rsc@0.5.28/packages/plugin-rsc/CHANGELOG.md#0528-2026-07-17
• 要約: RSC ランタイムの最適化を含む Vite Plugin React 0.5.28 のリリース。

GTKX 1.0 RC - The React framework for Linux

• URL: https://gtkx.dev/blog/gtkx-1-0-rc-1
• 要約: TypeScript から GLib と GObject を駆動する汎用プラットフォームとしての、Linux 向け React フレームワーク。

React Hook Form 7.82

• URL: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.82.0
• 要約: setValue({delayError}) を追加し、getDirtyFields の性能を改善。

Jotai 3.0 alpha

• URL: https://github.com/pmndrs/jotai/releases/tag/v3.0.0-alpha.0
• 要約: パッケージのモダン化、ESM 化、React 18+ 対応。

TanStack Devtools Rspack 0.1

• URL: https://github.com/TanStack/devtools/releases/tag/%40tanstack%2Fdevtools-rspack%400.1.0
• 要約: Devtools が Rspack をサポート。Vite と同等の機能を提供。

Astryx 0.1.5

• URL: https://github.com/facebook/astryx/releases/tag/v0.1.5
• 要約: AspectRatio の fit、useHotkeys、CollapsibleGroup の divider/density、ブロック単位の CodeBlock などを追加。

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

Engineering Yuku’s High-Performance Parsers with Data-Oriented Design

• URL: https://www.arshad.fyi/writings/engineering-high-performance-parsers
• 要約: Yuku はデータ指向設計により Oxc パーサーを上回る。教科書的な AST ノードは可読性を優先するが機械効率が悪いため、Yuku は AST ノードのデータ構造をメモリレイアウトとアクセスパターン最適化のために設計している。

Fetch Is Not Enough

• URL: https://www.jasnell.me/posts/fetch-is-not-enough
• 要約: サーバー用途で Request/Response が不十分な理由を論じ、Node/Deno/Bun/Workers で共通に動く統一的な serve() API を提案。

Oxlint 1.75 - Type-Aware Linting Stable

• URL: https://oxc.rs/blog/2026-07-22-type-aware-linting-stable
• 要約: Oxc チームが TypeScript v7 ベースの tsgolint 7.0 安定版をリリース。Oxlint で --type-aware/--type-check フラグと43個の型認識ルールが利用可能に。

pnpm 11.11-11.14 - Workspace release management

• URL: https://pnpm.io/blog/releases/11.11-11.14
• 要約: pnpm がモノレポワークスペースのバージョニングとリリースに対応。.changesets をサポート。

Rolldown 1.2 - HMR, watcher, tree-shaking, sourcemaps improvements

• URL: https://github.com/rolldown/rolldown/releases/tag/v1.2.0
• 要約: HMR、watcher、tree-shaking、sourcemap の改善を含む Rolldown 1.2 のリリース。

Astro 7.1 - Pagination URLs control, CSP control

• URL: https://astro.build/blog/astro-710/
• 要約: ページネーションURLの制御、インラインスクリプト/スタイル向けの CSP 制御、複数の dev サーバー実行に対応。

Lightning CSS 1.33

• URL: https://github.com/parcel-bundler/lightningcss/releases/tag/v1.33.0
• 要約: alpha()、@position-try、::search-text、::highlight をサポート。

magic-string 1.0

• URL: https://github.com/Rich-Harris/magic-string/releases/tag/v1.0.0
• 要約: ソースコード文字列の操作と sourcemap 生成を行う、小さく高速なユーティリティ。