React Router Hono Starter

\n \n

\n \n \n

\n \n );\n}\n\nfunction Home() {\n const [count, setCount] = React.useState(0);\n return (\n

Hello, Home page

{count}

\n \n

\n );\n}\n\nfunction About() {\n const data = useLoaderData();\n\n return (\n

Hello, About page

{JSON.stringify(data, null, 2)}

\n );\n}\n\nasync function catsLoader() {\n const data = await fetch(`${BASE_URL}/api`)\n .then((res) => res.json());\n return data;\n}\n\nexport const routes = [\n {\n Component: Layout,\n children: [\n {\n Component: Home,\n index: true,\n },\n {\n Component: About,\n path: \"about\",\n loader: catsLoader,\n },\n ],\n },\n];\n\nexport default routes;",[146],"f3a5c328-6109-11f0-b46c-0224a6c84d84","config.ts","e3b8bc04-6109-11f0-ae93-0224a6c84d84",11,["D",1752535581873],3,"export const BASE_URL =\n \"https://nbbaier--df15d412239e4d3fa45686707d94f75b.web.val.run\";",[155],"544d09e6-60f8-11f0-ba4e-0224a6c84d84","client.tsx","a86c12c6-5e19-4cb0-9307-8352ee6967a6",1,["D",1752528013006],"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport ReactDOM from \"https://esm.sh/react-dom@19/client\";\nimport { createBrowserRouter, RouterProvider } from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconsole.log(\"client\");\n\nconst router = createBrowserRouter(routes);\n\nReactDOM.hydrateRoot(\n document, \n \n);",[163],"544d002c-60f8-11f0-ba4e-0224a6c84d84","README.md","4fee8687-9203-40ea-8a65-1a82f78fe6a7",["D",1752528013006],"# React Router Hono Starter\n\nMinimal React Router + Hono starter example in [\"data mode\"][modes] with server-side rendering for Val Town\n\n[View demo][demo]\n\n## How it works\n\nThe `server.tsx` file is the main server that responds with an HTML stream, using React Router, or an API response.\nThe HTML includes a `

Search