$ Building Fast UIs with React Router v7 in Framework Mode

React Router v7 finally unifies the Remix and React Router worlds. By opting into framework mode, you get route-level loader and action exports, automatic code-splitting, type-safe params, and SSR out of the box.

Why it matters

The biggest win is co-location: data fetching, mutations, and the UI live in one file per route. That makes it trivial to reason about a screen.

Less context-switching means more shipping.

A typical route

export async function loader({ params }) {
  return { post: await getPost(params.slug) }
}

export default function Post({ loaderData }) {
  return <article>{loaderData.post.title}</article>
}

Pair it with Tailwind CSS v4 and you have a stack that punches well above its weight.