This Week in React #298 キャッチアップ
発行日: 2026-09-23 ソース: Astro, Redux, img, Hotkeys, R3F, Next.js, AI, Redact | … | TC39, Node, pnpm, Turborepo, jsdom, responsive iframes
今週の注目ポイント
- Next.js 16.3.6 セキュリティアップデート:
ImageResponseを Node ランタイムで使い、ユーザー制御の動的 SVG 入力を扱っている場合の重大なリモートコード実行(RCE)脆弱性を修正。該当構成のアプリは早急なアップデートが必要。 - React の新しい
<img>API リファレンス:<img>は単に画像を表示するだけでなく、SSR 時にプリロードヒントを自動生成し、<ViewTransition>アニメーションとも統合される。地味だが実用的な機能が正式ドキュメント化された。 - React Redux 9.4 alpha でシグナルベース最適化:
useSignalSelector()と<SignalProvider>を追加。数千のコネクテッドコンポーネントを持つ大規模アプリ向けのドロップイン最適化で、dispatch 時に影響を受けるセレクタのみ再実行する。 - Redact 0.1 登場: TanStack による軽量・同期レンダリングの React 再実装が GitHub に公開され、初のマイナーリリース。React 19.3 API 対応と同期レンダリング契約の維持が特徴。
- TC39 第116回ミーティング: 多くの Iterator 系プロポーザルが Stage 4 へ、Composites が Stage 2 へ進む可能性がある回。ES の進化を追ううえで注目。
React
React docs - New <img> API ref page
- URL: https://react.dev/reference/react-dom/components/img
- 要約:
<img>は画像表示に加え、SSR 時にデフォルトでプリロードヒントを生成し、<ViewTransition>アニメーションとも統合される。その仕様が新しいリファレンスページにまとまった。
React Flight PR - Server References for arbitrary object types
- URL: https://github.com/react/react/pull/37636
- 要約: Flight プロトコルの実験的機能。Server References が関数だけでなく任意のオブジェクトを指せるようにする。
Next.js 16.3.6 - Security Update
- URL: https://nextjs.org/blog/nextjs-security-update-september-22-2026
- 要約:
ImageResponseを Node ランタイムで使い、ユーザー制御の動的 SVG 入力を扱う場合の重大なリモートコード実行脆弱性を修正した。
React Advanced London
- URL: https://reactadvanced.com/
- 要約: 🇬🇧 ロンドンで 10/23・10/26 開催。2 日間・50 以上のアドバンストセッションを揃えた、ロンンドンで最も深掘りする React カンファレンスの最終案内。
Do Frameworks Matter Anymore?
- URL: https://brookslybrand.com/posts/do-frameworks-matter-anymore/
- 要約: LLM が React を得意とし、誰も
.tsxを読まなくなるなら抽象化は必要か、という問い。業界は React を使い続けるのか、Web Components などのプラットフォームプリミティブに余地があるのかを論じる。
React Activity: When A Render No Longer Guarantees an Effect
- URL: https://hackernoon.com/react-activity-when-a-render-no-longer-guarantees-an-effect
- 要約: 条件付きレンダリングを安易に
<Activity>に置き換えると、render/Effect/cleanup の順序に依存したレガシーコードで微妙なバグが露呈する恐れがある。
Frontend for systems engineers
- URL: https://tj-zhang.com/blog/frontend-for-systems-engineers/
- 要約: システムエンジニアになじみのある概念を通して React を解説する記事。
Astro React 7.0 - Replaces Babel with Oxc, upgrades to Vite Plugin React v6
- URL: https://docs.astro.build/en/guides/integrations-guide/react/#upgrading-the-react-integration-to-v700
- 要約: Babel を Oxc に置き換え、Vite Plugin React v6 へアップグレード。Oxc の実験的サポートを通じて React Compiler にオプトインで対応する。
React Redux 9.4 alpha - useSignalSelector() hook, <SignalProvider> component, react-redux/signals entrypoint
- URL: https://github.com/reduxjs/react-redux/releases/tag/v9.4.0-alpha.0
- 要約: 数千のコネクテッドコンポーネントを持つ大規模アプリ向けのドロップイン最適化。オプトインだが +7kB gzip。プロキシがセレクタのステートアクセスを追跡し、dispatch 時に影響を受けるセレクタのみ再実行する。
Redact 0.1 - Add React 19.3 APIs, improve runtime compatibility, keep sync rendering contract
- URL: http://releases (※ニュースレター上のリンクが壊れており、正しい URL は取得できず)
- 要約: TanStack による軽量・同期レンダリングの React 再実装が GitHub に公開され、初のマイナーリリースを出した。React 19.3 API の追加、ランタイム互換性の改善、同期レンダリング契約の維持を含む。
React Three Fiber 9.8 - Support for React 19.3, roots configured synchronously, Strict Mode fixed
- URL: https://github.com/pmndrs/react-three-fiber/releases/tag/v9.8.0
- 要約: React 19.3 対応、root の同期的な構成、Strict Mode の修正を含む。あわせて Poimandres は GPU 優先のタイポグラフィエンジン Glyph(R3F バインディング付き)も公開した。
TanStack React Hotkeys 0.11 - Improved physical key support, recorder validation, conflict detection, cross-layout fixes
- URL: https://github.com/TanStack/hotkeys/releases/tag/%40tanstack%2Freact-hotkeys%400.11.0
- 要約: 物理キーサポートの改善、レコーダーのバリデーション、コンフリクト検出、レイアウト間の修正を含む。
React Simple Maps 5.0 - Composable SVG map charts for data visualization in React
- URL: https://www.react-simple-maps.io/
- 要約: React でのデータ可視化向けに、コンポーザブルな SVG マップチャートを提供するライブラリのメジャーアップデート。
React Resizable Panels 4.13 - Deferred panel resizing, panel expand/collapse threshold
- URL: https://bsky.app/profile/bvaughn.me/post/3mvxpohs3vs2n
- 要約: パネルのリサイズを遅延させる機能と、パネルの展開/折りたたみのしきい値を追加した。
react-zoom-pan-pinch 4.2 - Zooming, panning, pinching images and html elements, the easy way
- URL: https://github.com/BetterTyped/react-zoom-pan-pinch/releases/tag/v4.2.0
- 要約: 画像や HTML 要素のズーム・パン・ピンチを簡単に扱えるライブラリのマイナーアップデート。
その他(JS / CSS / Web全般)
TC39 - Agenda for the 116th meeting
- URL: https://github.com/tc39/agendas/blob/main/2026/09.md
- 要約: 次週火曜開催。多くの Iterator 系プロポーザルが Stage 4 へ進む見込みで、Composites が Stage 2 へ進むかも注目される。
Chrome 154 - Responsive iframe resizing
- URL: https://www.bram.us/2026/09/23/responsive-iframes/
- 要約: iframe が埋め込み文書のサイズに応じて自身をリサイズできるようになった。
postMessage()に代わる手段として、ウィジェット/拡張の作者が長年待ち望んだ機能。
Edge 151-153
- URL: https://blogs.windows.com/msedgedev/2026/09/21/new-in-edge-for-developers-create-better-components-and-make-your-site-agent-ready/
- 要約: 新たにサポートされた機能のうち注目は、WebMCP(オリジントライアル)と、input/textarea 内をハイライトする OpaqueRange。
pnpm 12.6 - Automatic dedupe, automatic type installation, file:/link catalogs, and more
- URL: https://pnpm.io/blog/releases/12.6
- 要約: CI で
pnpm dedupeを実行する必要がなくなるかもしれない自動 dedupe や、ライブラリが型を同梱しているか DefinitelyTyped を使っているかを自動判定する型の自動インストールを追加した。
Turborepo 2.11 - Native support for Rust/Python/Go, faster startup, nub/aube support
- URL: https://turborepo.dev/blog/2-11
- 要約: Rust/Python/Go のネイティブサポート、起動高速化などを追加。Turborepo も pnpm も最近ポリグロットなツールになりつつあり、AI が可能にする新たなトレンドの始まりかもしれない。
Node.js 26.9 & 26.10 - Web Workers support, VFS improvements, enable ffi, add bench, debounce/throttle
- URL: https://nodejs.org/en/blog
- 要約: Web Workers サポート、VFS の改善、
ffiの有効化、benchの追加、debounce/throttleのネイティブサポートなどを含む。throttle/debounce のネイティブ対応は驚き(Lodash 不要に)。
jsdom 30.1 - Major performance, memory, and correctness improvements
- URL: https://github.com/jsdom/jsdom/releases/tag/v30.1.0
- 要約: パフォーマンス・メモリ・正確性の大幅な改善を含むリリース。
Rstest 0.12 - Playwright E2E testing, Module Federation testing, faster jsdom tests, new JS API
- URL: https://rstest.rs/blog/announcing-0-12
- 要約: Playwright による E2E テスト、Module Federation のテスト、jsdom テストの高速化、新しい JS API を追加した。
tRPC 11.19 - Better request cancellation, TanStack Query skipToken fix
- URL: https://github.com/trpc/trpc/releases/tag/v11.19.0
- 要約: リクエストキャンセルの改善と、TanStack Query の
skipTokenに関する修正を含む。
ESLint 10.11 - Perf improvements: 20-25% faster initialization, faster rule execution
- URL: https://eslint.org/blog/2026/09/eslint-v10.11.0-released/
- 要約: 初期化が 20〜25% 高速化し、ルール実行も高速化するパフォーマンス改善を含む。