React Server Componentsとは？

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%高速化

関連用語

• Server Components / App Router

Tufe Companyのソリューション

• Web Production サービス