Server component notes

[hi-ogawa]

basic steps of rendering

cf. reactwg/server-components#4

React tree : with server component and client reference.
             here client component should exist as client reference
             via bundler/framework specific mechanism.

    ||
    ||
  [react-server-dom-webpack/server] (aka flight server)
    ||
    \/

Flight stream : with client reference.
                here server component is evaluated away by flight server

    ||
    ||
  [react-server-dom-webpack/client] (aka flight client)
    ||
    \/

React tree : with client component.
             here client references are replaced with actual comopnent by flight client 
             via bundler/framework specific mechanism.

    ||                                      \\
    ||                                       \\                                   
  [react-dom/client] (mount, hydration)     [react-dom/server] (ssr, aka fizz)    
    ||                                        ||                                   
    \/                                        \/                                   
  dom element                                html string/stream