Skip to content

catch-all-favorite

On this page

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

発行日: 2026-04-29 ソース: #279: Compiler, TSRX, StyleX, XState, Hook Form, TanStack, shadcn, Chakra, Inertia, Mantine

今週の注目ポイント

React Compilerの18ヶ月間の振り返りと今後の展望についての総括記事が公開
StyleX 0.18で新しいsx={}JSX propやDevTools拡張が追加
pnpm 11がPure ESM化、SQLiteバックアップストア、ネイティブパブリッシングに対応
Radix UIからBase UIへの移行ガイドが公開、shadcn利用者に影響
TSRXという宣言的UI向けTSX拡張言語が登場

React

The React Compiler at Eighteen Months: The Arc, the Debates, and What’s Next

URL: https://saschb2b.com/blog/react-compiler-year-in-review
要約: React Compilerの発表以降の18ヶ月間の経過、議論、今後の展望についての総括記事。

How React streams UI out of order and still manages to keep order

URL: https://inside-react.vercel.app/blog/how-react-streams-ui-out-of-order
要約: Suspense境界とDOMステージングについて、Reactがどのようにして順序を保ちながらUIをストリーミング配信するかについての深掘り記事。

Accessibility in React: Common Mistakes and How to Fix Them

URL: https://certificates.dev/blog/accessibility-in-react-common-mistakes-and-how-to-fix-them
要約: HTML要素、ドキュメント構造、インタラクティブ要素のラベリング、エラーとラベルの接続、フォーカス管理、動的更新、ARIAについてのアクセシビリティ解説。

Migrating from Radix UI to Base UI: Step-by-Step Guide

URL: https://shadcnstudio.com/blog/migrate-from-radix-ui-to-base-ui
要約: Radix UIからBase UIへの移行ガイド。asChildがrender propに変更、data-[state=*]属性がARIA属性に置き換え、Selectがitems配列を取得するなどの変更点を記載。

Why TSRX isn’t just your Favorite Templating Language

URL: https://hackmd.io/@0u1u3zEAQAO0iYWVAStEvw/Hk2Jiv8T-l
要約: JSXの代替案としてのTSRXの特性（静的分析可能性、ステートフルテンプレート、条件内でのフック使用）に焦点を当てた解説。

React Hook Form 7.74

URL: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.74.0
要約: 複数フィールドを一度に更新できるsetValues機能を追加。

URL: https://github.com/ReactTooltip/react-tooltip/releases/tag/v6.0.0
要約: portalRootとautoCloseプロパティ追加、React 19対応、HTML文字列APIを削除。

shadcn CLI 4.5

URL: https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.5.0
要約: --pointerオプションを追加し、ボタンのcursor: pointerを再度有効化。

XState 5.31

URL: https://github.com/statelyai/xstate/releases/tag/xstate%405.31.0
要約: mapState(snapshot, mapper)とmaxIterationsオプションを追加。

StyleX 0.18

URL: https://stylexjs.com/blog/v0.18
要約: 新しいsx={}JSX prop、stylex.envのコンパイル時定数、create-stylex-app CLI、DevTools拡張、Bunサポートを追加。

Chakra UI 3.35

URL: https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui%2Freact%403.35.0
要約: Splitterコンポーネント追加、React 19対応、新しいCLIコマンド（ドキュメント/プロパティ）を実装。

@hono/inertia

URL: https://github.com/honojs/middleware/tree/main/packages/inertia
要約: Honoフレームワークでのinertia.jsサポート。RESTエンドポイント、クライアント側ルーター、データ取得レイヤーをスキップ。

Mantine 9.1

URL: https://github.com/mantinedev/mantine/releases/tag/9.1.0
要約: deduplicateInlineStyles、use-mask、MaskInput、Treemap、TimePicker、Heatmap、MonthPicker、YearPicker、use-roving-index、Tree、Slider、WeekView等を追加・修正。

TanStack Query 5.100

URL: https://github.com/TanStack/query/releases/tag/release-2026-04-23-1319
要約: retryOnMountコールバック追加、Svelteテスト内部クリーンアップ。

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

Scroll-Driven Animations

URL: https://www.joshwcomeau.com/animation/scroll-driven-animations/
要約: Josh Comeauによるインタラクティブ記事。CSS keyframeを時間ではなくスクロール距離にマップする方法を解説。

Compositing & Blending

URL: https://nik.digital/posts/compositing-blending
要約: 複数の要素を重ねるときにブラウザが各ピクセルの最終色をどのように決定し、実世界でどのように適用されるかについての解説。

The Web Is Fun Again: First Experiments with HTML in Canvas

URL: https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/
要約: HTMLをCanvasに埋め込める新しいAPI、その制限事項、実用的な使用方法について紹介。

New to the web platform in April

URL: https://web.dev/blog/web-platform-04-2026?hl=en
要約: 4月にBaseline Newly Availableになった機能（contrast-color()、animation-range、Math.sumPrecise）とFirefox/Chromeの新API追加について説明。

pnpm 11.0

URL: https://pnpm.io/blog/releases/11.0
要約: SQLiteバックアップストア、サプライチェーン保護がデフォルトで有効、ネイティブパブリッシング、ESM専用化。

Aube

URL: https://aube.en.dev/
要約: 既存のロックファイルを読み込むドロップイン型Node.jsパッケージマネージャー。pnpmより9.2倍、Bunより2.7倍高速を謳う。

Fresh 2.3

URL: https://deno.com/blog/fresh-2.3
要約: Preactフレームワーク。デフォルトでJSなし、View Transitions対応、Temporal対応。

Was this page helpful?