React Server Componentのメンタルモデル

この Discussion の説明がとても分かりやすい。

Why do Client Components get SSR’d to HTML? · reactwg server-components · Discussion #4

概要#

  • React Client/React Server は、物理的なクライアント/サーバーに対応した概念ではない。
  • RSC は従来のメンタルモデルを変更するものではなく、従来のものを Client Layer として前段に Server Layer を追加するもの。
    • 従来の React Client Component は、クライアントでしか動かないという意味ではなく、メンタルモデルが変わったわけでもないため、当然 SSR は引き続き可能。
  • 通常、ビルド時や実際のサーバーでデータを処理して React Client に渡すものが React Server。
    • クライアント(ブラウザ)で動作する RSC も技術的にはあり得る。