Data Fetching + React 18 Streaming Demos

Page State: idle

Use SWR Cache

Server Side Rendered and React 18 Streaming Demo

Not using Streaming

The page is loaded synchronously on the server. The loader promise is resolved before any HTML is returned.

The date is: Sat, 26 Apr 2025 22:53:28 GMT

Fully loaded on the server

The date is: Sat, 26 Apr 2025 22:53:28 GMTServerLoaded

Primed Server side, then refreshed on the client

This uses the loader syntax from remix, with the useLoaderData hook

export async function loader() {
  return defer({
    results: await getDataFromSomewhere(),
  });
};
  // Within the component
  const data = useLoaderData();
  <Component data={data.results}/>