React Router v7 Framework Patterns

Server-first data and mutation patterns for React Router v7. React Router v7 combines client-side routing with server-side data loading and mutation handling — eliminating the need for SPA-era client-side data layers.

For general React patterns (hooks, state, composition), see /react. For TypeScript language patterns and build tooling, see /typescript. For component design and accessibility, see /ux-design.

1. Route Loaders & Type Safety

Loaders are the data cache

Loaders run on the server before render. They are the single source of server data — no SPA-era client-side caching layer is needed on top.