React 19の新機能とMaliddy開発チームの活用法

React 19がリリースされ、私たちMaliddyの開発チームでも早速プロダクション環境での活用を進めています。本記事では、特に実務で役立っている機能を紹介します。

Server Components

最大の変更点はServer Componentsの正式サポートです。データフェッチをサーバーサイドで完結させることで、クライアントに送るJavaScriptの量を大幅に削減できます。

当社のプロジェクトでは、一覧ページや詳細ページなどデータ表示が中心のページでServer Componentsを積極的に活用しています。

Actions

フォームの送信処理がServer Actionsで簡潔に書けるようになりました。従来のAPI Route + クライアントサイドのfetch処理が不要になり、コード量が大幅に減少しています。

use()フック

Promiseを直接コンポーネント内で解決できるuse()フックにより、データの取得パターンがよりシンプルになりました。

これらの新機能を活用することで、開発効率とユーザー体験の両方を向上させることができています。