Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
better-router is in alpha. APIs may change. Install with better-router@alpha.
Server-render a page as static HTML and hydrate only the components you mark.
.island.tsx:
src/routes/blog/index.island.tsx
src/routes/blog/_Counter.tsx
import Counter from "./_Counter" with { island: "load" };
import Comments from "./_Comments" with { island: "visible" };
export default function BlogIndex() {
return (
<article>
<h1>Hello</h1>
<Counter start={0} />
<Comments />
</article>
);
}
import { island } from "better-router/react";
import Counter from "./_Counter";
export const InteractiveCounter = island(Counter, "idle");
| Strategy | Hydrates when |
|---|---|
load | The page loads |
visible | The element enters the viewport |
idle | The browser is idle |
media:(query) | The media query matches |
"module": "ESNext" for import attributes. See TypeScript.
<Link> to a non-island page does a full load. Use useIslandForm instead of useForm — a successful action reloads the document.