@cyrene/router-dom

DOM bindings for the Cyrene router: <Link>, <NavLink>, <Form>, <RouterView>, and the hooks useNavigate, useParams, useLocation, useSearchParams, useLoaderData.

npm install @cyrene/router @cyrene/router-dom@beta

import { RouterView, NavLink } from "@cyrene/router-dom";

const App = () => () => (
  <>
    <nav>
      <NavLink href="/">Home</NavLink>
      <NavLink href="/about">About</NavLink>
    </nav>
    <RouterView />
  </>
);

<Link>/<NavLink> intercept clicks for client navigation and fall back to a normal browser navigation when no router is mounted (e.g. during SSR).

Docs: https://www.cyrenejs.com · MIT licensed.