React Server Componentsとは?

React Server Components(RSC) は、Server ComponentsのReact公式名称。サーバー側で描画されるコンポーネントで、クライアントJSのバンドルサイズを劇的に削減します。

ポイント

  • async関数として定義可能
  • DB・ファイル・外部APIに直接アクセス
  • クライアントにはステートや対話処理のみ送信
  • Next.js App Routerで標準

パフォーマンス改善

典型的な改善幅:

  • JSバンドル: 40〜70%削減
  • LCP改善: 20〜40%
  • 初回インタラクション: 30〜50%高速化

関連用語

Tufe Companyのソリューション