Val Town React + Hono Starter

Hello world...

\n setClicked((c) => c + 1)}\n >\n I've been clicked {clicked} times\n \n

\n );\n}",[],[99,199,205],[99,199],{"_104":213,"_95":214,"_159":215,"_161":194,"_162":140,"_163":216,"_165":22,"_106":217,"_100":164,"_167":179,"_169":218,"_170":22,"_171":-5,"_172":219,"_98":220},"b6256aa8-1b59-11f0-9447-569c3dd06744","App.tsx","5f64bae3-8196-41e1-96a2-0dc60453bc09",2,["D",1744873257024],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { NavLink, Route, Routes } from \"https://esm.sh/react-router@7\";\nimport { useState } from \"https://esm.sh/react@19\";\nimport { Example } from \"./components/Example.tsx\";\n\nexport function App() {\n return (\n

\n \n\n

\n \n \n } />\n } />\n \n

\n );\n}\n\nfunction Home() {\n return

Home page

;\n}\nfunction About() {\n return

About page

;\n}",[],[99,214],{"_104":222,"_95":223,"_159":224,"_161":194,"_162":140,"_163":101,"_165":22,"_106":225,"_100":32,"_167":179,"_169":72,"_170":22,"_171":-5,"_172":226,"_98":227},"070c8fb4-1b5a-11f0-969c-569c3dd06744","Link.tsx","070c904a-1b5a-11f0-969c-569c3dd06744",["D",1744873392768],[],[99,223],{"_104":229,"_95":230,"_159":231,"_161":194,"_162":140,"_163":164,"_165":118,"_106":232,"_100":32,"_167":233,"_169":234,"_170":22,"_171":-5,"_172":235,"_98":236},"4c56bba4-1b59-11f0-8c18-569c3dd06744","index.html","0cda5ae3-1b36-40c8-810c-c2d3927ac9b5",["D",1744873079472],"file","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n \n

\n \n \n \n",[],[99,230],{"_104":238,"_95":239,"_159":240,"_161":194,"_162":140,"_163":164,"_165":118,"_106":241,"_100":32,"_167":179,"_169":242,"_170":22,"_171":-5,"_172":243,"_98":244},"4c56be60-1b59-11f0-8c18-569c3dd06744","index.tsx","3ad2a0ee-62e9-4c3d-a2b0-4a434ce8fca7",["D",1744873079472],"/** @jsxImportSource https://esm.sh/react@19 */\nimport { createRoot } from \"https://esm.sh/react-dom@19/client\";\nimport { BrowserRouter } from \"https://esm.sh/react-router@7\";\nimport { App } from \"./App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render(\n // ,\n \n \n ,\n);",[],[99,239],[99],{"_104":247,"_95":248,"_159":249,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":250,"_100":32,"_167":233,"_169":251,"_170":22,"_171":-5,"_172":252,"_98":253},"4c56c414-1b59-11f0-8c18-569c3dd06744","README.md","946e1c81-251f-4c4b-a316-a0a1bf329c5f",["D",1744873079472],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.",[],[248],{"_104":255,"_95":256,"_159":257,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":258,"_100":32,"_167":233,"_169":259,"_170":22,"_171":-5,"_172":260,"_98":261},"4c56e2e6-1b59-11f0-8c18-569c3dd06744","todo.txt","f18273c0-edba-4051-b1c0-f3678a1ccdaf",["D",1744873079472],"dynamic og image\ndb\nreact-query",[],[256],"files",[156,174,183,192,197,203,212,221,228,237,246,254],"counts",{"_266":32,"_267":164,"_268":32,"_269":32},"pulls","branches","forks","envVars","contents",[272,275,278,281,284],{"_104":198,"_95":199,"_159":200,"_161":194,"_162":140,"_163":164,"_165":118,"_106":273,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":274},["D",1744873079472],[99,199],{"_104":213,"_95":214,"_159":215,"_161":194,"_162":140,"_163":216,"_165":22,"_106":276,"_100":164,"_167":179,"_169":218,"_170":22,"_171":-5,"_98":277},["D",1744873257024],[99,214],{"_104":222,"_95":223,"_159":224,"_161":194,"_162":140,"_163":101,"_165":22,"_106":279,"_100":32,"_167":179,"_169":72,"_170":22,"_171":-5,"_98":280},["D",1744873392768],[99,223],{"_104":229,"_95":230,"_159":231,"_161":194,"_162":140,"_163":164,"_165":118,"_106":282,"_100":32,"_167":233,"_169":234,"_170":22,"_171":-5,"_98":283},["D",1744873079472],[99,230],{"_104":238,"_95":239,"_159":240,"_161":194,"_162":140,"_163":164,"_165":118,"_106":285,"_100":32,"_167":179,"_169":242,"_170":22,"_171":-5,"_98":286},["D",1744873079472],[99,239],{"_104":193,"_95":99,"_159":194,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":288,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":289},["D",1744873079472],[99],"upstreamProject",{"_104":148,"_95":96,"_112":-5,"_113":-5,"_110":111,"_23":292},{"_93":293,"_132":294},"moe","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ","upstreamBranch",{"_104":143,"_106":297,"_298":299,"_95":43,"_141":148,"_100":145,"_142":300,"_144":301,"_302":303,"_108":-5,"_153":22,"_110":111,"_152":293,"_16":150,"_151":96},["D",1742406611707],"updatedAt",["D",1744504765954],"961078ea-f528-11ef-aa68-569c3dd06744",38,"lockfileKey","1744504766284-esm.town_v_moe_HonoReactTailwindStarter@81-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":310,"_154":315,"_262":352,"_233":353,"_270":355,"_366":367,"_370":22,"_371":-5,"_372":373,"_374":32,"_375":376},{"_104":105,"_95":96,"_106":311,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":312,"_134":313,"_137":314,"_153":22},["D",1744873079472],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_104":140,"_141":105,"_142":143,"_144":145,"_146":111,"_147":148,"_149":150,"_151":96,"_152":94},[316,325,346,349],{"_104":157,"_95":158,"_159":160,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":166,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":317,"_98":324},[318,321],{"_104":175,"_95":176,"_159":177,"_161":160,"_162":140,"_163":164,"_165":118,"_106":178,"_100":32,"_167":179,"_169":180,"_170":22,"_171":-5,"_172":319,"_98":320},[],[158,176],{"_104":184,"_95":185,"_159":116,"_161":160,"_162":140,"_163":164,"_165":118,"_106":186,"_100":32,"_167":187,"_169":188,"_170":22,"_171":-5,"_172":322,"_98":323},[],[158,185],[158],{"_104":193,"_95":99,"_159":194,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":195,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":326,"_98":345},[327,333,336,339,342],{"_104":198,"_95":199,"_159":200,"_161":194,"_162":140,"_163":164,"_165":118,"_106":201,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":328,"_98":332},[329],{"_104":204,"_95":205,"_159":206,"_161":200,"_162":140,"_163":164,"_165":118,"_106":207,"_100":32,"_167":179,"_169":208,"_170":22,"_171":-5,"_172":330,"_98":331},[],[99,199,205],[99,199],{"_104":213,"_95":214,"_159":215,"_161":194,"_162":140,"_163":216,"_165":22,"_106":217,"_100":164,"_167":179,"_169":218,"_170":22,"_171":-5,"_172":334,"_98":335},[],[99,214],{"_104":222,"_95":223,"_159":224,"_161":194,"_162":140,"_163":101,"_165":22,"_106":225,"_100":32,"_167":179,"_169":72,"_170":22,"_171":-5,"_172":337,"_98":338},[],[99,223],{"_104":229,"_95":230,"_159":231,"_161":194,"_162":140,"_163":164,"_165":118,"_106":232,"_100":32,"_167":233,"_169":234,"_170":22,"_171":-5,"_172":340,"_98":341},[],[99,230],{"_104":238,"_95":239,"_159":240,"_161":194,"_162":140,"_163":164,"_165":118,"_106":241,"_100":32,"_167":179,"_169":242,"_170":22,"_171":-5,"_172":343,"_98":344},[],[99,239],[99],{"_104":247,"_95":248,"_159":249,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":250,"_100":32,"_167":233,"_169":251,"_170":22,"_171":-5,"_172":347,"_98":348},[],[248],{"_104":255,"_95":256,"_159":257,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":258,"_100":32,"_167":233,"_169":259,"_170":22,"_171":-5,"_172":350,"_98":351},[],[256],[316,318,321,325,327,329,333,336,339,342,346,349],{"_104":193,"_95":99,"_159":194,"_161":-5,"_162":140,"_163":164,"_165":118,"_106":288,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":354},[99],[356,358,360,362,364],{"_104":198,"_95":199,"_159":200,"_161":194,"_162":140,"_163":164,"_165":118,"_106":273,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":357},[99,199],{"_104":213,"_95":214,"_159":215,"_161":194,"_162":140,"_163":216,"_165":22,"_106":276,"_100":164,"_167":179,"_169":218,"_170":22,"_171":-5,"_98":359},[99,214],{"_104":222,"_95":223,"_159":224,"_161":194,"_162":140,"_163":101,"_165":22,"_106":279,"_100":32,"_167":179,"_169":72,"_170":22,"_171":-5,"_98":361},[99,223],{"_104":229,"_95":230,"_159":231,"_161":194,"_162":140,"_163":164,"_165":118,"_106":282,"_100":32,"_167":233,"_169":234,"_170":22,"_171":-5,"_98":363},[99,230],{"_104":238,"_95":239,"_159":240,"_161":194,"_162":140,"_163":164,"_165":118,"_106":285,"_100":32,"_167":179,"_169":242,"_170":22,"_171":-5,"_98":365},[99,239],"upstream",{"_104":143,"_106":368,"_298":369,"_95":43,"_141":148,"_100":145,"_142":300,"_144":301,"_302":303,"_108":-5,"_153":22,"_110":111,"_152":293,"_16":150,"_151":96},["D",1742406611707],["D",1744504765954],"showCompareCallout","pull","ahead",22,"behind","templates",[],"actionData","errors"]