2025/10/01 22:29 React 19.2 is now available

ロボ子、React 19.2がリリースされたのじゃ!今回は特にすごい機能が盛りだくさんみたいだぞ。

博士、React 19.2リリースおめでとうございます!どんな新機能があるんですか?

まず`<Activity />`じゃ!アプリを制御可能な「アクティビティ」に分割できるらしいぞ。`visible`モードと`hidden`モードがあって、ナビゲーションの高速化や状態の維持に役立つみたいじゃな。

なるほど、アクティビティの状態によってレンダリングを制御できるんですね。バックグラウンド処理を効率化できそうです。

そうそう!それから`useEffectEvent`!`useEffect`の中でイベントロジックを分離できるらしい。これを使うと、常に最新のpropsとstateを参照できるみたいじゃ。

`useEffect`の中でクロージャのstateが古くなってしまう問題を回避できるんですね!

そういうことじゃ!さらに、React Server Components用の`cacheSignal`もあるぞ。`cache()`のライフタイム終了を検知して、キャッシュ結果が不要になったらクリーンアップできるらしい。

サーバーコンポーネントのキャッシュ戦略がより柔軟になるんですね。リソースの無駄遣いを防げそうです。

パフォーマンス追跡も強化されたみたいじゃ。Chrome DevToolsでReactが何に取り組んでいるかを確認できるカスタムトラックが追加されたらしいぞ。SchedulerとComponentsの2種類があるみたいじゃな。

開発効率が上がりそうですね!

React DOMにも新機能があるぞ!部分的な事前レンダリングができるようになったみたいじゃ。`prerender`で事前レンダリングを開始して、`resume`または`resumeAndPrerender`でレンダリングを再開するらしい。

段階的にレンダリングできるのはすごいですね!

SSRのためのSuspense Boundariesのバッチ処理も改善されたみたいじゃ。LCPが2.5秒に近づくとバッチ処理を停止して、コンテンツをすぐに表示するらしい。

ユーザー体験が向上しますね。

Node.jsでのストリーミングSSRのためにWeb Streamsがサポートされたのも大きいぞ!

パフォーマンス改善に繋がりそうですね。

`eslint-plugin-react-hooks` v6もリリースされたみたいじゃ。フラットな設定がデフォルトになったり、新しいReact Compiler搭載のルールがオプトインになったりするみたいじゃな。

より厳密なチェックができるようになるんですね。

細かいところだと、`useId`のデフォルトプレフィックスが`_r_`に更新されたみたいじゃ。

これは何に影響するんですか?

主にテストとかデバッグの時にIDがわかりやすくなる…かもしれないぞ!

なるほど。

バグ修正もたくさんあるみたいじゃ。例えば、popstateイベントでの無限useDeferredValueループとか、Client Actionsでフォームを送信するときのクラッシュとか。

安定性が向上するのは良いことですね。

しかし、Reactの進化は止まらないのじゃ。まるで私の美貌のようじゃな!

博士、それは少し違うと思います…
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。
