React19 β をざっと見る

Transcript

1. React 19 Beta をざっと見る 2024/05/21　伊藤
2. 新機能: アクション • useTransitionを使用して、送信中状態やエラー 処理を簡単に管理。 • useActionStateとuseOptimisticによる楽観的更新 のサポート。 • 例:
3. 新しいフック: use • レンダリング中にリソースを読み取る新API。 • 例:
4. サーバコンポーネント • サーバ上で実行される非同期関数を呼び出 せるサーバアクションの導入。 • サーバコンポーネントを使用してバンドル前に コンポーネントを事前レンダー。 • 詳細はReact Server Componentsを参照。
5. 改善点: refのprops化 • 関数コンポーネントでrefに直接アクセス可能 になった。 • forwordRefが不要になり、将来的に非推奨に なる予定。 • 例:
6. コンテクストのプロバイダ • <Context.Provider>の代わりに<Context>を 使用可能に。 • 例:
7. その他の改善 • refコールバックからクリーンアップ関数を返す 機能。 • 例:
8. 参考文献 https://ja.react.dev/blog/2024/04/25/react-19