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

発行日: 2026-10-14 ソース: TanStack Start 1.0, React Aria 1.22, Base UI 1.9, Satori, Vinext 1.1 | … | Deno joins Cloudflare, Bun 1.4.3, Playwright 1.64, pnpm 12.13, Partytown 1.0

今週の注目ポイント

• TanStack Start 1.0: フルスタックフレームワークが安定版に到達。React と Solid の両方をサポートする。
• Deno が Cloudflare に合流: Deno チームが Cloudflare に参加し、Deno ランタイムと Deno Deploy は段階的に終了（サンセット）される見込み。ランタイム選定に影響する大きな動き。
• Next.js の緊急セキュリティ更新（10/14 予定）: 上流依存の脆弱性に対応するセキュリティリリースが 10 月 14 日に予定されている。Next.js 利用者は適用準備を。
• Bun 1.4.3: bun check 型チェッカーを追加し、サーバーのアイドル CPU を 67% 削減。Bun.FetchSession や高速な JSON.parse も。
• JPEG XL がついに Chrome 155 と Firefox 158 に: 長年要望のあった JPEG XL が主要ブラウザで利用可能に。

React

TanStack Start 1.0

• URL: https://tanstack.com/blog/tanstack-start-1-0
• 要約: フルスタックフレームワークが安定版に到達。React と Solid の両方をサポートする。

Lingui - React i18n macros now compile natively in Vite

• URL: https://dub.sh/3jnUg5C
• 要約: i18n マクロが Vite 上でネイティブにコンパイルされるようになり、ビルドが高速化した。

React RFC - React work counters

• URL: https://github.com/reactjs/rfcs/pull/284
• 要約: 再レンダリング回数やコミット数など、本番環境向けのメトリクスを公開する RFC 提案。

MobX PR - MobX React plugin

• URL: https://github.com/mobxjs/mobx/pull/4735
• 要約: MobX と React Compiler を共存させるためのバンドラプラグインを追加する PR。

Next.js PR - eslint-config-next supports ESLint 10

• URL: https://github.com/vercel/next.js/pull/99628
• 要約: Next.js 16.5 canary で eslint-config-next が ESLint 10 をサポートする。

Next.js - Upcoming security update

• URL: https://nextjs.org/blog/upcoming-nextjs-security-update-october-2026
• 要約: 上流依存の脆弱性に対応するセキュリティ修正を 10 月 14 日にリリース予定。

Can we Make React Faster using the React Compiler?

• URL: https://jimmyhmiller.com/what-does-the-react-compiler-even-do
• 要約: React Compiler の出力を観察し、プロトタイプ的な最適化の余地を探る記事。

className Considered Harmful

• URL: https://mattrothenberg.com/notes/classname-considered-harmful/
• 要約: コンポーネントが className を受け取るとデザインシステムが崩れやすい、という主張。

How we made a 9 MB WebAssembly module feel faster

• URL: https://bra31k.dev/en/blog/same-bytes-17-percent-faster
• 要約: WASM ファイルをプリロードすることで最初の canvas 描画を高速化した事例。

A visual notation for React’s parent and owner trees

• URL: https://julesblom.com/writing/react-visual-notation
• 要約: コンポーネントの owner ツリーと context を表現する図表記法の提案。

Debugging Suspense with the React Suspense Panel

• URL: https://certificates.dev/blog/debugging-suspense-with-the-react-suspense-panel
• 要約: DevTools 8.0 の Suspense タブを使ったデバッグ手法の紹介。

Sentry - Stop scrubbing replays（スポンサー）

• URL: https://sentry.io/resources/201-session-replays/?utm_source=thisweekinreact&utm_medium=paid-community&utm_campaign=replay-fy27q3-sessionreplayworkshop&utm_content=newsletter-react-link-register
• 要約: 11 月 5 日開催のセッションリプレイに関するワークショップの案内（スポンサー）。

React Aria 1.22 - New Sheet component, virtual-keyboard-aware overlays

• URL: https://react-aria.adobe.com/releases/v1-22-0
• 要約: スワイプ可能な Sheet コンポーネントの追加と、仮想キーボードを考慮したオーバーレイ対応。

Satori 0.36 → 0.55 - Converts JSX/HTML and CSS to SVG

• URL: https://github.com/vercel/satori/releases
• 要約: レイアウトエンジンを Taffy へ切り替え、CSS grid に対応した。

Vitest Plugin RSC 0.3 - Run Next.js App Router apps in Vitest Browser Mode

• URL: https://github.com/storybookjs/vitest-plugin-rsc/releases/tag/v0.3.0
• 要約: RSC パイプライン全体をテストできる。Next.js 16.4+ が必要。

Base UI 1.9 - Filterable Menu, faster Select/Combobox/Menu, improved Drawer gestures

• URL: https://base-ui.com/react/overview/releases/v1-9-0
• 要約: Menu のフィルタリング機能追加と、Select / Combobox / Menu の高速化。

Styled Components 6.6

• URL: https://github.com/styled-components/styled-components/releases/tag/styled-components%406.6.0
• 要約: isolatedDeclarations 向けの型を追加し、型チェックを高速化した。

React Hook Form 7.90 - Many bug fixes and perf improvements

• URL: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.90.0
• 要約: 多数のバグ修正とパフォーマンス改善。

Astryx 0.7 - Easier form styling, better mobile and touch support, spacing in rem

• URL: https://astryx.atmeta.com/blog/astryx-v0-7-0
• 要約: フォームのスタイリングを容易にし、モバイル・タッチ対応を改善。

Vinext 1.1 - Next.js parity fixes, stale-while-revalidate for "use cache"

• URL: https://github.com/cloudflare/vinext/releases/tag/vinext%401.1.0
• 要約: Next.js 互換性の修正と、"use cache" の stale-while-revalidate 対応。

Remocn Studio 1.0 - A macOS app where your coding agent makes Remotion videos

• URL: https://remocn.studio/
• 要約: コーディングエージェントが Remotion 動画を作成する macOS 向けデスクトップアプリ。

Ankita Kulkarni - Next.js 16.4 Is Built for Agents (Here’s Why)

• URL: https://www.youtube.com/watch?v=paQbukUXE8w
• 要約: Next.js 16.4 のエージェント向け機能を解説する動画。

This Month in React - September 2026 - React 19.3, a eulogy to software engineering?

• URL: https://share.transistor.fm/s/0c8a4fc2
• 要約: 2026 年 9 月を振り返るポッドキャストエピソード。

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

HTML PR - AsyncContext integration

• URL: https://github.com/whatwg/html/pull/13063
• 要約: AsyncContext を Web プラットフォーム API と統合する PR。TC39 ではまだ stage 2。

Deno is joining Cloudflare

• URL: https://deno.com/blog/cloudflare
• 要約: Deno チームが Cloudflare に合流し、Deno ランタイムと Deno Deploy は段階的に終了（サンセット）される。

The best way to use icons in Web UIs

• URL: https://lea.verou.me/blog/2026/icons/
• 要約: アイコンを CSS のデザイントークンとして扱う手法の提案。

Iframes that finally fit their content

• URL: https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html
• 要約: Chrome 154 が追加した frame-sizing により、コンテンツの高さに合う iframe が実現する。

JPEG XL finally lands in Chrome 155 and Firefox 158

• URL: https://tonisagrista.com/blog/2026/chrome-jpegxl/
• 要約: 長年要望されてきた JPEG XL が Chrome 155 と Firefox 158 でサポートされる。

Bun 1.4.3 - bun check type checker, 67% lower idle CPU in servers, Bun.FetchSession, faster JSON.parse

• URL: https://bun.com/blog/bun-v1.4.3
• 要約: 型チェッカー bun check を追加し、サーバーのアイドル CPU を 67% 削減するなどの改善。

tsc-rs - Rust port of the TypeScript 7 compiler, type checker, and LSP

• URL: https://github.com/pingdotgg/ts-rust
• 要約: エージェント主導で進める TypeScript 7 コンパイラ・型チェッカー・LSP の Rust 移植。

Playwright 1.64 - WebMCP testing APIs, better videos, --shuffle, locator.within()

• URL: https://github.com/microsoft/playwright/releases/tag/v1.64.0
• 要約: WebMCP テスト API、動画の改善（カスタム fps・VP9 等）、--shuffle や locator.within() を追加。

pnpm 12.11 → 12.13 - Agent skills linking, remote cache for task results and builds

• URL: https://pnpm.io/blog?type=releases
• 要約: エージェントスキルのリンク機能と、タスク結果・ビルドのリモートキャッシュを追加。

Partytown 1.0 - Run third-party scripts in a web worker, now stable

• URL: https://github.com/QwikDev/partytown/releases/tag/v1.0.0
• 要約: サードパーティスクリプトを Web Worker で実行するライブラリが安定版に。

Safari Technology Preview 254 - calc-size(), interpolate-size, CSS linked parameters, and more

• URL: https://webkit.org/blog/18420/release-notes-for-safari-technology-preview-254/
• 要約: calc-size() や interpolate-size、CSS linked parameters などの新 CSS 機能をプレビュー。