O hirunewani blog

React Server Componentのメンタルモデル

Created at

reactwg/server-componentsのDiscussionsで公開された`Why do Client Components get SSR'd to HTML? `のRSCの説明が分かりやすい。

Table of Contents

この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も技術的にはあり得る。