Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[99,191,197],[99,191],{"_104":206,"_95":207,"_157":208,"_159":186,"_160":138,"_161":162,"_163":164,"_106":209,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_171":212,"_98":213},"96f0be80-673a-11f0-ae98-0224a6c84d84","favicon.svg","019833d3-d9d2-733d-a950-0debdf7f3710",["D",1753216178562],"file","\n",[],[99,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":162,"_163":164,"_106":218,"_100":32,"_166":210,"_168":219,"_169":22,"_170":-5,"_171":220,"_98":221},"96f0c4c0-673a-11f0-ae98-0224a6c84d84","index.html","019833d3-d9d2-733d-a950-137ebcbbe564",["D",1753216178562],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[99,216],{"_104":223,"_95":224,"_157":225,"_159":186,"_160":138,"_161":162,"_163":164,"_106":226,"_100":32,"_166":200,"_168":227,"_169":22,"_170":-5,"_171":228,"_98":229},"96f0c6be-673a-11f0-ae98-0224a6c84d84","index.tsx","019833d3-d9d2-733d-a950-165da867eaed",["D",1753216178562],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[99,224],{"_104":231,"_95":232,"_157":233,"_159":186,"_160":138,"_161":162,"_163":164,"_106":234,"_100":32,"_166":210,"_168":235,"_169":22,"_170":-5,"_171":236,"_98":237},"96f0c8ee-673a-11f0-ae98-0224a6c84d84","style.css","019833d3-d9d2-733d-a950-1a96110ebdc3",["D",1753216178562],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[99,232],[99],{"_104":240,"_95":241,"_157":242,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":243,"_100":32,"_166":210,"_168":244,"_169":22,"_170":-5,"_171":245,"_98":246},"96f0cc04-673a-11f0-ae98-0224a6c84d84","README.md","019833d3-d9d2-733d-a950-23b177c92e9e",["D",1753216178562],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/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`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[],[241],{"_104":248,"_95":249,"_157":250,"_159":-5,"_160":138,"_161":101,"_163":164,"_106":251,"_100":32,"_166":210,"_168":252,"_169":22,"_170":-5,"_171":253,"_98":254},"a936523a-673a-11f0-876a-0224a6c84d84","deno.json","a9365334-673a-11f0-876a-0224a6c84d84",["D",1753216209306],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[249],"files",[154,173,184,189,195,205,214,222,230,239,247],"counts",{"_259":32,"_260":162,"_261":32,"_262":32},"pulls","branches","forks","envVars","contents",[265,268,271,274,277],{"_104":190,"_95":191,"_157":192,"_159":186,"_160":138,"_161":162,"_163":164,"_106":266,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":267},["D",1753216178562],[99,191],{"_104":206,"_95":207,"_157":208,"_159":186,"_160":138,"_161":162,"_163":164,"_106":269,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_98":270},["D",1753216178562],[99,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":162,"_163":164,"_106":272,"_100":32,"_166":210,"_168":219,"_169":22,"_170":-5,"_98":273},["D",1753216178562],[99,216],{"_104":223,"_95":224,"_157":225,"_159":186,"_160":138,"_161":162,"_163":164,"_106":275,"_100":32,"_166":200,"_168":227,"_169":22,"_170":-5,"_98":276},["D",1753216178562],[99,224],{"_104":231,"_95":232,"_157":233,"_159":186,"_160":138,"_161":162,"_163":164,"_106":278,"_100":32,"_166":210,"_168":235,"_169":22,"_170":-5,"_98":279},["D",1753216178562],[99,232],{"_104":185,"_95":99,"_157":186,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":281,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":282},["D",1753216178562],[99],"upstreamProject",{"_104":146,"_95":285,"_112":286,"_113":-5,"_110":111,"_23":287},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":288,"_130":289},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_104":141,"_106":292,"_293":294,"_95":43,"_139":146,"_100":295,"_140":-5,"_142":-5,"_296":297,"_108":-5,"_151":22,"_110":111,"_150":288,"_16":148,"_149":285},["D",1740674013689],"updatedAt",["D",1755284984205],72,"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-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":304,"_152":309,"_255":343,"_210":344,"_263":346,"_357":358,"_361":22,"_362":-5,"_363":364,"_365":364,"_366":367},{"_104":105,"_95":96,"_106":305,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":306,"_132":307,"_135":308,"_151":22},["D",1753216178562],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":141,"_142":143,"_144":111,"_145":146,"_147":148,"_149":96,"_150":94},[310,316,337,340],{"_104":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":165,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":311,"_98":315},[312],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":162,"_163":164,"_106":177,"_100":32,"_166":178,"_168":179,"_169":22,"_170":180,"_171":313,"_98":314},[],[156,175],[156],{"_104":185,"_95":99,"_157":186,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":187,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":317,"_98":336},[318,324,327,330,333],{"_104":190,"_95":191,"_157":192,"_159":186,"_160":138,"_161":162,"_163":164,"_106":193,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":319,"_98":323},[320],{"_104":196,"_95":197,"_157":198,"_159":192,"_160":138,"_161":162,"_163":22,"_106":199,"_100":32,"_166":200,"_168":201,"_169":22,"_170":-5,"_171":321,"_98":322},[],[99,191,197],[99,191],{"_104":206,"_95":207,"_157":208,"_159":186,"_160":138,"_161":162,"_163":164,"_106":209,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_171":325,"_98":326},[],[99,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":162,"_163":164,"_106":218,"_100":32,"_166":210,"_168":219,"_169":22,"_170":-5,"_171":328,"_98":329},[],[99,216],{"_104":223,"_95":224,"_157":225,"_159":186,"_160":138,"_161":162,"_163":164,"_106":226,"_100":32,"_166":200,"_168":227,"_169":22,"_170":-5,"_171":331,"_98":332},[],[99,224],{"_104":231,"_95":232,"_157":233,"_159":186,"_160":138,"_161":162,"_163":164,"_106":234,"_100":32,"_166":210,"_168":235,"_169":22,"_170":-5,"_171":334,"_98":335},[],[99,232],[99],{"_104":240,"_95":241,"_157":242,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":243,"_100":32,"_166":210,"_168":244,"_169":22,"_170":-5,"_171":338,"_98":339},[],[241],{"_104":248,"_95":249,"_157":250,"_159":-5,"_160":138,"_161":101,"_163":164,"_106":251,"_100":32,"_166":210,"_168":252,"_169":22,"_170":-5,"_171":341,"_98":342},[],[249],[310,312,316,318,320,324,327,330,333,337,340],{"_104":185,"_95":99,"_157":186,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":281,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":345},[99],[347,349,351,353,355],{"_104":190,"_95":191,"_157":192,"_159":186,"_160":138,"_161":162,"_163":164,"_106":266,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":348},[99,191],{"_104":206,"_95":207,"_157":208,"_159":186,"_160":138,"_161":162,"_163":164,"_106":269,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_98":350},[99,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":162,"_163":164,"_106":272,"_100":32,"_166":210,"_168":219,"_169":22,"_170":-5,"_98":352},[99,216],{"_104":223,"_95":224,"_157":225,"_159":186,"_160":138,"_161":162,"_163":164,"_106":275,"_100":32,"_166":200,"_168":227,"_169":22,"_170":-5,"_98":354},[99,224],{"_104":231,"_95":232,"_157":233,"_159":186,"_160":138,"_161":162,"_163":164,"_106":278,"_100":32,"_166":210,"_168":235,"_169":22,"_170":-5,"_98":356},[99,232],"upstream",{"_104":141,"_106":359,"_293":360,"_95":43,"_139":146,"_100":295,"_140":-5,"_142":-5,"_296":297,"_108":-5,"_151":22,"_110":111,"_150":288,"_16":148,"_149":285},["D",1740674013689],["D",1755284984205],"showCompareCallout","pull","ahead",5,"behind","templates",[],"actionData","errors"]