React Router

Code example

import { createRouter, createRootRoute, createRoute, RouterProvider, Link } from "@tanstack/react-router";

const rootRoute = createRootRoute({
  component: () => (
    <div>
      <Link to="/">Home</Link>
    </div>
  ),
});

const indexRoute = createRoute({
  getParentRoute: () => rootRoute,
  path: "/",
  component: () => <h1>Home</h1>,
});

const router = createRouter({ routeTree: rootRoute.addChildren([indexRoute]) });

export function Example() {
  return <RouterProvider router={router} />;
}

Pros & cons

FAQs