やっと React Server Components が腑に落ちた - Qiita

2020 年末に発表された React Server Components は、一言でいうと React コンポーネントをサーバ側でレンダーする仕組みです。……が、初見ではちょっと魔法すぎて訳が分からない技術でもあります。トーク動画だけ見てても「具体的にどんな仕組みで動いてるの？」みたいな疑問が山ほど浮かんでくると思います。 一体裏で何がどうなっているのか、この技術はどう使うのか、デモコードを触りながらやっと具体的に理解しはじめたので、なるべく動作が想像しやすいようにまとめました。なお、この記事単体よりは、他の記事や上記動画を見てある程度概要や公式の売り文句を掴んでからの方が理解しやすいと思います。 これまでの、普通にブラウザで動作するコンポーネントのことを、区別のためにクライアントコンポーネントと呼びます（単に区別のために既存のコンポーネントに別名がついただけです）。以下ではサーバコンポ

[maiani]

“生 SQL やファイルシステムを直接叩きながら DOM をレンダーできるので、そもそも動的に何かを表示するためにいちいち API の準備自体やらない” ！？ アーキテクチャが1周して戻ってきた感ある。。

[rlho]

“React チームの Dan Abramov 氏（上記トークで喋ってる人）によるこちらの記事”

[kwhrtsk]

通常RESTやGraphQLで実装されているサーバ・クライアント間のインターフェースをアプリから隠蔽するという点において、RailsがHotwireで実現しようとしている事に似ているというのが興味深い。アプローチは真逆だけど。

[programmablekinoko]

JSONのコンポーネントを解釈する仮想DOMネイティブブラウザの開発が待たれるな

[hirose504]

“パラメータを付けて HTTP コールすると仮想 DOM（をシリアライズしたもの）が返ってくる URL”

[yarumato]

“ご存知の通りReactコンポーネントはasyncにできない。propsを受け取ったら同期的に仮想DOMを返す掟。その一方でServerCompoは非同期。これを同一ツリー内で混在させるサスペンス (Suspense)こそが今後の非同期処理の主流か”

[tofu-kun]

分かりやすい

[missundaztood]

“「上級者にしか関係のないマニアックな最適化の話」”

[mizdra]

わかりやすい