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

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

発行日: 2026-09-02 ソース: StyleX, browser(), Next.js, React Compiler, Vite, Bun, Astryx, Formisch, React-Aria, TanStack | … | Zod, pnpm, vgpu, Remix, Rspack, Webpack

今週の注目ポイント

  • React Compiler の Rust 実装が Vite / Bun で使えるようになった: @vitejs/plugin-react 6.1 が oxc-transform-react による {compiler: true} オプションを追加し、Babel 版より 10 倍以上高速と謳う。Bun 1.4 も Rust 版 React Compiler を内蔵。ビルド時間に悩むプロジェクトは移行を検討する価値がある。
  • React 19.3 の新 API use(browser()) と型定義の追加: サーバーレンダリング中にコンポーネントを「ブラウザ専用」として扱う新 API。DefinitelyTyped の PR で 19.3 の型追加（browser()、安定版 <ViewTransition>、<Fragment ref>）が確認できる。SSR/RSC 構成で選択肢が広がる。
  • Zod 4.5 で事前コンパイルによる大幅高速化: スキーマの事前（AOT）コンパイルとメソッドのメモ化により、プリコンパイル済みスキーマのパースが 3〜9 倍高速化。メモリ使用量も改善。バリデーションが重い箇所で効く。
  • Remix 3.0 RC / pnpm 12.0 など基盤ツールの節目: Remix 3.0 は Web プリミティブベースの単一依存フレームワークとして機能を凍結し SemVer にコミット。pnpm 12.0 は Rust 書き換えでインストールが大幅高速化。周辺エコシステムの大きな更新が続く。

React

StyleX をめぐる最近の話題（Linear の移行 / 解説記事 / Tailwind-StyleX / Syntax.fm）

  • URL: https://linear.app/blog/styling-linear-for-the-future-with-stylex
  • 要約: Meta のアトミック CSS-in-JS ライブラリ StyleX に関する議論が活発。Linear は styled-components から移行し、「型安全な強い制約・決定的で高速なスタイルのマージ・styling-at-a-distance をあえて難しくする」点を評価。深掘り記事は「Tailwind の方が人間向けの構文は良いが、StyleX の方がエージェント向けの制約が強い」と結論。Tailwind トークンのアダプタ（tailwind-stylex）や Syntax.fm のポッドキャスト回もある。

React 19.3 の型追加 PR（browser() ほか）

React DOM use(browser()) API

  • URL: https://react.dev/reference/react-dom/browser
  • 要約: v19.3 の新 API。サーバーレンダリング中にコンポーネントをブラウザ専用としてマークする。Client Component のコンテキストと Suspense 境界が必要で、レポート用のサーバー API onBrowserBailout() も備える。

TanStack Start を Vercel にデプロイするガイド

Next.js セキュリティリリース

React Advanced London カンファレンス

  • URL: https://reactadvanced.com
  • 要約: 10 月 23 日・26 日にロンドンで開催。モダン React と AI ツーリングをテーマに 40 以上のトーク、5 以上のワークショップ。コード「TWIR」で 10% 割引。

React Testing Library のテストを 43% 高速化した話

Vite で React の SSG を行う

Vite Plugin React 6.1

Bun 1.4

  • URL: https://bun.com/blog/bun-v1.4
  • 要約: Rust 書き換えのリリース。Rust 実装の React Compiler をビルトインで搭載し、Markdown を React 要素に変換する Bun.markdown.react()（コンポーネント差し替え可）を追加。Node.js / Next.js 16 互換性の向上とメモリ使用量削減も。

Formisch 1.0

  • URL: https://formisch.dev/blog/formisch-v1/
  • 要約: Valibot エコシステム発の「スキーマファースト・フレームワーク非依存」なフォームライブラリ。React / React Native に対応し、React Hook Form・Formik・TanStack Form からの移行ガイドを用意。

TanStack Query 5.102

GPUIX

  • URL: https://github.com/remorses/gpuix
  • 要約: Zed の GPUI 向け React レンダラー。「WebView なしで Electron の高性能な代替」を掲げ、GPU アクセラレーションされたデスクトップアプリを作れる。

Satori 0.29+

  • URL: https://github.com/vercel/satori/releases
  • 要約: OpenGraph 画像生成ツールの更新。corner-shape、backdrop-filter、HarfBuzz によるテキストシェイピングに対応し、近く Next.js の ImageResponse API でも利用可能に。

React Aria 1.21

Astryx 0.5

Waku 1.0 RC

TanStack Charts 0.16

Nuqs 2.10

Fumapress 1.0

React Input Format & Mask 1.0（rifm）

React Hook Form 7.86 & 7.87

This Month in React ポッドキャスト

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

CSS のクラスプレフィックスセレクタ

HTML 仕様 - Out-of-order Streaming

pnpm 12.0

  • URL: https://pnpm.io/blog/releases/12.0
  • 要約: 「Rust 書き換え、プロジェクト対応のグローバル bin、レジストリのリビジョン」。v11 からのアップグレードは容易で、「インストールが大幅に高速化」する。

Zod 4.5

  • URL: https://zod.dev/blog/zod-4-5
  • 要約: 「スキーマの事前（AOT）コンパイル、メソッドのメモ化、新しいパース機能」。プリコンパイル済みスキーマは 3〜9 倍高速にパースでき、スキーマのメモリフットプリントも大幅に改善。

vgpu

  • URL: https://vgpu.sh/
  • 要約: Vercel によるエージェント向けに設計された WebGPU ライブラリ。高性能なシェーダーを扱え、GPU のないサンドボックス環境でも CLI で検証できる。

Remix 3.0 RC

  • URL: https://remix.run/blog/remix-3-release-candidate
  • 要約: 「Web プリミティブに基づく、フルスタック・単一依存・コンポーザブルな JS フレームワーク」。機能を凍結して SemVer にコミットする段階に入った。

Rspack 2.2

Webpack 5.110

Node.js 26.8

Jest 30.5

Was this page helpful?