server-reason-react's demos

This is a list of links to all the demos for server-reason-react's features
If you want to learn more about server-reason-react, check out the documentation or repository.

1. renderToString
Server side render a component (React.element) defining a static document into a string, the client rerenders the component (createRoot / render)
2. renderToStaticMarkup
Server side render a component (React.element) defining a document into a markup string (contains a few differences on the output compared to the renderToString version). The client hydrates it with the same component (hydrateRoot)
3. renderToStream
Server side render into a stream. A comments page that loads without any additional client-side code and just Suspense + streaming the HTML
4. serverOnlyRSC
A client fetching a single react server component with createFromFetch
5. singlePageRSC
A single page to with server components and SSR (with hydration), client components to test all props serialisation, including React.element and Js.Promise. Also renders Js.String/Js.Date JavaScript-identical values on the server (UTF-16 string semantics, local-time date parsing).
6. dummyRouterRSC
A dummy implementation of a router (only a few queryStrings) as a single page app. Server components with SSR, client components and Suspense + React.use
7. dummyRouterRSC - without SSR
The same demo as dummyRouterRSC but without SSR. It SSR the shell of the page (head, body, etc), but not the app itself.
8. nestedRouterRSC
A nested router with server components and SSR, client components and Suspense + React.use. It uses the same design as the dummyRouterRSC but with a more complex structure that can handle nested routes and dynamic segments.