Working examples

Small routes that expose one full-stack idea at a time.

Example 01 / Route loaders

Data arrives before the page does.

The route loader creates this payload before rendering. The component receives a serialized, fully inferred result through Route.useLoaderData().

Loader resolved
MilestoneOwner
Route treeRouter plugin
Page dataRoute loader
HTML documentStart server

Why it matters

Navigation can preload this route on intent, removing a client-side request waterfall before it starts.