Data Fetching + React 18 Streaming Demos

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, 28 Jun 2025 17:18:16 GMT

Fully loaded on the server

The date is: Sat, 28 Jun 2025 17:18:16 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}/>