Skip to content
catch-all-favorite
Esc
↑↓navigate↵open⌘Jpreview
On this page

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

発行日: 2026-07-01 ソース: Next.js, React Compiler, use(), Astryx, TanStack Start, Takumi, nuqs | Expo, VisionCamera, Windows, Rollipop, LegendList, Nitro, AI, Maps | Node.js, pnpm, TS, Prettier, Deno, Webpack, Flow

今週の注目ポイント

  • Next.js 16.3 プレビュー — Instant Navigations: サーバー駆動ナビゲーションの体感速度を高める新機能。データ取得の挙動（Suspense によるストリーミング / 'use cache' によるキャッシュ / ブロッキング）を明示的に選べるようになり、Playwright 用 instant() テストヘルパーや、per-link prefetch に代わる route shell 経由の部分プリフェッチを導入。あわせて Turbopack が dev のメモリを最大90%削減、永続キャッシュで最大5.5倍高速なリビルドを実現し、Rust 版 React Compiler も実験的に搭載。
  • Astryx — Meta のデザインシステムが OSS 化: Meta が8年かけて構築し13000以上の社内アプリを支えるデザインシステムを OSS ベータとして公開。StyleX の atomic CSS-in-JS を基盤とし、デザイントークンで高度にテーマ可能・コンポーネントは eject 可能。StyleX 採用を検討するチームに大きな参考事例。
  • React Compiler をめぐる議論の深化: Rspack 2.1 が SWC 経由で React Compiler をファーストクラス統合（Babel 版比で7〜13倍高速）する一方、Rolldown はバイナリサイズ増を理由に Rust 版統合を撤回。さらに「React Compiler は Retrofit（後付け改修）だ」とする論考が、バンドルサイズ増やメモ化契約の不透明化を指摘し、コンパイラよりリンターとしての利用を推奨。
  • use() API リファレンスの全面刷新: React 公式ドキュメントの use() ページが書き直され、クライアントでの Promise キャッシュ要件などが整理された。RSC/Suspense 時代の非同期データ取得を理解する上で必読。
  • ビルド/ツールチェーンの大型更新ラッシュ: TypeScript 7 ネイティブコンパイラへの移行で VSCode の型チェックが36秒→5秒に短縮、Node.js 26.4 が Package Maps でファイル走査を削減、Deno 2.9・Webpack 5.108・Prettier 3.9・Flow（OCaml→Rust 移植で2倍高速化）と、ネイティブ高速化の潮流が全方位で進行中。

React

Next.js 16.3 Preview - Instant Navigations

  • URL: https://nextjs.org/blog/next-16-3-instant-navigations
  • 要約: Next.js 16.3 は Instant Navigations に注力し、サーバー駆動ナビゲーションの体感を改善。データ取得の挙動（Suspense によるストリーミング / 'use cache' によるキャッシュ / ブロッキング）を明示的に選べるようになり、Playwright 用 instant() テストヘルパーや、per-link prefetch に代わる route shell 経由の部分プリフェッチを導入。

Next.js 16.3: AI Improvements

  • URL: https://nextjs.org/blog/next-16-3-ai-improvements
  • 要約: ドキュメントの同梱、ファーストパーティの skills、React イントロスペクションを備えた Agent Browser、実行可能なエラー表示、MCP サーバーの改善、Markdown 形式のドキュメント提供などを追加。

Turbopack: What’s New in Next.js 16.3

  • URL: https://nextjs.org/blog/next-16-3-turbopack
  • 要約: dev サーバーのメモリを最大90%削減し、永続キャッシュにより最大5.5倍高速なリビルドを実現。Rust 版の実験的な React Compiler、import.meta.glob API、HMR と起動の高速化を含む。

React Docs - use() API Reference

  • URL: https://react.dev/reference/react/use
  • 要約: use() フックとクライアントでの Promise キャッシュ要件を解説する API ドキュメントページが全面的に書き直された。

ESLint Plugin React - ESLint v10 Compatibility

Vercel and Shopify Are Rebuilding Hydrogen

Rolldown Pulls Rust React Compiler Integration After Binary Size Increase

  • URL: https://socket.dev/blog/rolldown-pulls-rust-react-compiler-integration
  • 要約: フロントエンドツールに Rust 拡張を統合する際のトレードオフと、フレームワーク非依存のツールが React 統合をファーストクラスで持つべきかの論点を整理。Oxc は最適化待ちで統合をブロック、Rspack は段階的に導入中。

React Compiler Is A Retrofit

  • URL: https://longho.dev/posts/react-compiler-is-a-retrofit/
  • 要約: React Compiler はコンパイル前提で設計されていないランタイムを最適化しているため、バンドルサイズ増やメモ化契約の不透明化を招きうると主張。コンパイラではなくリンターとして使うことを推奨。

Different Hydration and Rendering Strategies

React Testing Questions That Trip Up Engineers

Open a Modal Dialog in React with Invoker Commands API

Astryx - Meta’s Open-Source Design System

  • URL: https://astryx.atmeta.com/
  • 要約: Meta が8年かけて構築し13000以上の社内アプリを支えるデザインシステムを OSS ベータとして公開。StyleX の atomic CSS-in-JS を基盤とし、デザイントークンで高度にテーマ可能、コンポーネントは eject 可能。

Rspack 2.1 - React Compiler in Rust

  • URL: https://rspack.rs/blog/announcing-2-1
  • 要約: SWC 経由で React Compiler をファーストクラス統合し、Babel 版比で7〜13倍高速と報告。TanStack Start はプラグイン経由で Rsbuild 2.1 に対応。

shadcn/ui - Chat Interface Components

Storybook for TanStack React

Takumi 2.0 RC - Render JSX to Images

  • URL: https://takumi.kane.tw/
  • 要約: Satori の代替として、単一の Rust バイナリで JSX を画像へレンダリングできるライブラリ。

Vinext 0.2 - Cloudflare’s Next.js Fork

React-Router 8.1

nuqs 2.9

Frond - Effect-Powered Frontend Runtime

  • URL: https://frondruntime.dev/
  • 要約: React と MobX 志向のアプリケーション状態に向けた、Effect ベースのフロントエンドランタイム。

RedwoodSDK 1.5

The Build Log S1E02 - Tanner Linsley Built TanStack

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

VSCode - Iterating Faster with TypeScript 7

Blocking Install Scripts Is Not a Silver Bullet

Node.js 26.4 - Package Maps and VirtualFileSystem

  • URL: https://nodejs.org/en/blog/release/v26.4.0
  • 要約: Package Maps はコストの高いファイルシステム走査を省略し、VirtualFileSystem はインポート用にメモリ内のモジュールグラフを生成する。

pnpm 11.8 & 11.9

  • URL: https://pnpm.io/blog/releases/11.8
  • 要約: ドライラン、Node.js の Package Maps、SBOM の改善、tarball 整合性チェックを追加。あわせて Rust ベースのレジストリサーバー pnpr を開発中。

Prettier 3.9

Deno 2.9

  • URL: https://deno.com/blog/v2.9
  • 要約: WebView アプリ向けの Deno Desktop、Node.js とパッケージマネージャーの互換性、パフォーマンス向上、CSS モジュールインポートを追加。

Webpack 5.108

Flow 0.319

Was this page helpful?