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

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

発行日: 2026-06-24 ソース: Fragment ref, React Compiler, StyleX, React Router, cnfast, Base UI, Remotion, React Aria | Vite, Astro, TypeScript, Nub, Security

今週の注目ポイント

  • <Fragment ref> が間もなく登場: Fragment の first-level children を操作できる FragmentInstance を公開する新機能。canary で利用可能・本番でテスト済みで、React v19.3 に入る見込み。新しいコンポジションパターンを可能にする重要な変更。
  • React Compiler (Rust) が高速化の波に: Bun 1.4 が bun build --react-compiler フラグで Rust 版 React Compiler を統合（Babel 版比で最大20倍高速）。一方で Rolldown/Vite からはバイナリサイズ増を理由に一時撤回されており、ネイティブな Oxc 統合が今後の鍵。
  • React Router 8.0 リリース: future flags をデフォルト有効化した「退屈な」メジャーリリース。ESM-only 化、React/Vite/Node の最低バージョン引き上げを含む。RSC 対応はまだ unstable。
  • Linear が styled-components から StyleX へ移行: 静的抽出・最小ランタイム・決定的なスタイル解決を狙ったインクリメンタルな移行事例。StyleX 採用を検討するチームに有益な実例。
  • ビルドツールのメジャー更新ラッシュ: Vite 8.1（Bundled Dev Mode 実験版）、Astro 7.0（Rust 処理でビルド約61%高速化）、TypeScript 7.0 RC（Go 移植版が本番目前）と、ツールチェーンの世代交代が進行中。

React

React Docs - <Fragment ref>

  • URL: https://react.dev/reference/react/Fragment
  • 要約: Fragment の first-level children を操作するための FragmentInstance 型を公開する新機能。canary で利用可能で本番テスト済み、React v19.3 に入る見込み。React Native でも同様の機能が提供され、クロスプラットフォームで利用可能になる。

SVAR React Gantt Chart

  • URL: https://svar.dev/react/gantt/
  • 要約: 依存関係・クリティカルパス・リソース計画に対応した、プロジェクトスケジューリング向けの React ガントチャートコンポーネント。

Bun PR - React Compiler integration

  • URL: https://github.com/oven-sh/bun/pull/32504
  • 要約: Bun 1.4 で bun build --react-compiler フラグが追加され、Rust 版 React Compiler を実行できるようになる。Babel 版と比べて最大20倍高速。

React Compiler in Rust removed from Rolldown/Vite

  • URL: https://x.com/sebastienlorber/status/2069670573555249498
  • 要約: バイナリサイズ増加を理由に、Rust 版 React Compiler が Rolldown/Vite 統合から一時的に撤回された。最適なパフォーマンスにはネイティブな Oxc 統合が必要とされている。

Moving Linear from styled-components to StyleX

How an Underrated Refactor Saved 90% Memory Usage

Waku’s Unique Feature: Slices

How We Cut Slow Responses by 80% Migrating to Next.js App Router

Component Communication Patterns in React Applications

React Router 8.0

  • URL: https://remix.run/blog/react-router-v8
  • 要約: v8 の future flags をデフォルト有効化した「退屈な」リリース。ESM-only 化し、React/Vite/Node の最低バージョンを引き上げた。React Server Components は引き続き開発中で unstable。

cnfast

  • URL: https://github.com/aidenybai/cnfast
  • 要約: clsx + tailwind-merge の高速なドロップイン代替。4倍高速だが、Tailwind ユーザーにとっては依然ボトルネックになりうる。

StyleX 0.19

Base UI 1.6

Remotion 4.0.464

React Aria 1.19

React Hook Form 7.80

ForesightJS 4.0

  • URL: https://foresightjs.com/
  • 要約: マウス/キーボード入力からユーザーの意図を予測するライブラリ。React との first-class な統合を備える。

PolyCSS

  • URL: https://polycss.com/
  • 要約: DOM 向けの CSS 3D エンジン。React バインディングを備える。

Lucas Barake - React Hooks Are Just a Linked List

Simeon Griggs - Next.js 16.3 got good

Señors at Scale - Newsletters with Sebastian Lorber

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

CSS Linked Params

  • URL: https://drafts.csswg.org/css-link-params-1/
  • 要約: Google/Mozilla による初期段階の W3C 仕様。CSS の値を外部のリンク先リソースに渡せるようにし、<img src="icon.svg"> のような要素を CSS でカスタマイズ可能にする。

Ship the policy, not the code

  • URL: https://www.jayfreestone.com/writing/share-the-policy-not-the-code/
  • 要約: CASL のような isomorphic なルールエンジンを使い、バックエンドのルールをシリアライズしてフロントエンドへ渡すことで、フロント/バックエンド間のビジネスロジック重複を避ける手法を提案。

Vite 8.1

  • URL: https://vite.dev/blog/announcing-vite8-1
  • 要約: 実験的な Bundled Dev Mode、Chunk Import Map、WASM の ESM 統合を追加。大規模アプリで開発時の起動/HMR を高速化する「Full Bundle Mode」を可能にする。

Astro 7.0

  • URL: https://astro.build/blog/astro-7/
  • 要約: Vite 8・Rolldown・Rust で .astro/.md/.mdx を処理。Advanced Routing と Route Caching を備え、ビルドが約61%高速化。

TypeScript 7.0 RC

Nub

  • URL: https://nubjs.com/blog/introducing-nub
  • 要約: Node を置き換えるのではなく拡張する Rust 製オールインワン CLI ツールキット。Bun の優れた機能を Node に追加する。

Sharp 0.35

  • URL: https://sharp.pixelplumbing.com/changelog/v0.35.0/
  • 要約: 人気の画像処理ライブラリがビルド済みバイナリを同梱するようになった。パッケージマネージャがデフォルトで install スクリプトをブロックする流れに対応。

actions/checkout 7.0

Was this page helpful?