React 19 Beta をざっと見る 2024/05/21　伊藤

新機能: アクション • useTransitionを使用して、送信中状態やエラー 処理を簡単に管理。 • useActionStateとuseOptimisticによる楽観的更新 のサポート。 • 例:

新しいフック: use • レンダリング中にリソースを読み取る新API。 • 例:

サーバコンポーネント • サーバ上で実行される非同期関数を呼び出 せるサーバアクションの導入。 • サーバコンポーネントを使用してバンドル前に コンポーネントを事前レンダー。 • 詳細はReact Server Componentsを参照。

改善点: refのprops化 • 関数コンポーネントでrefに直接アクセス可能 になった。 • forwordRefが不要になり、将来的に非推奨に なる予定。 • 例:

コンテクストのプロバイダ • の代わりにを 使用可能に。 • 例:

その他の改善 • refコールバックからクリーンアップ関数を返す 機能。 • 例:

参考文献 https://ja.react.dev/blog/2024/04/25/react-19