feat(react-server): keep common layout without re-rendering

[hi-ogawa]

I think I have one idea to make something like Next.js layout work https://nextjs.org/docs/app/api-reference/file-conventions/layout

demo

Navigation to https://rsc-experiment-hiroshi.vercel.app/demo/waku_02/pikachu

• before

• after

TODO

• context to provide <RouteTreeProvider value={routeTreeStore}>...</RouteTreeProvider> to wrap everything
• subscribe selectable store in each layout boundary <Layout><PickPageFromRouteTree url="/some/path"></Layout>
• render RSC by page/layout parts
• rsc layout stream format
• ssr
• csr
  • hydrate
  • re-render
    • fetch/serve RSC by page/layout parts
• transition
• keep common layout between navigation
• hmr
• request only invalidated layout contents
• test
• improve stream encoding?
  • actually you can just do renderToReadableStream({ some: <div>hello</div>, thing: <p>world</p> })?
  • refactor(react-server): use react server's object stream #241
• refactor
  • stream type
  • rename "layout map" -> "layout data"
• action pending

TODO (future)

• link prefetch
• custom invalidation on server action
  • currently only leaf page is invalidated
• cache?