Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[185,191,197],[185,191],{"_104":206,"_95":207,"_157":208,"_159":186,"_160":138,"_161":162,"_163":22,"_106":209,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_171":212,"_98":213},"4df5ec86-4508-11f0-bf3d-76b3cceeab13","favicon.svg","71c45398-6aad-42d3-941f-7881b9604994",["D",1749456241780],"file","\n",[],[185,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":162,"_163":22,"_106":218,"_100":32,"_166":210,"_168":219,"_169":22,"_170":-5,"_171":220,"_98":221},"4df5edbc-4508-11f0-bf3d-76b3cceeab13","index.html","aebbe218-0aed-4ac4-ad90-f20c2e8252a9",["D",1749456241780],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[185,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},"4df5ef06-4508-11f0-bf3d-76b3cceeab13","index.tsx","bb7c239d-0260-4f03-afb3-49398fc9e18c",["D",1749456241780],"/** @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();",[],[185,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},"4df5f15e-4508-11f0-bf3d-76b3cceeab13","style.css","1e16350b-266d-441e-bbd0-ee540ebdc262",["D",1749456241780],"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}",[],[185,232],[185],{"_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},"4df5f4ba-4508-11f0-bf3d-76b3cceeab13","README.md","ab97459e-3bfd-4940-aaae-18bdbcd6f858",["D",1749456241780],"# 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":251,"_163":164,"_106":252,"_100":32,"_166":200,"_168":72,"_169":22,"_170":-5,"_171":253,"_98":254},"529fe494-4508-11f0-8060-76b3cceeab13","new-file-2883.tsx","529fe692-4508-11f0-8060-76b3cceeab13",2,["D",1749456249669],[],[249],{"_104":256,"_95":257,"_157":258,"_159":-5,"_160":138,"_161":101,"_163":164,"_106":259,"_100":32,"_166":200,"_168":72,"_169":22,"_170":-5,"_171":260,"_98":261},"70754d06-4508-11f0-a967-76b3cceeab13","new-file-7631.tsx","70754dec-4508-11f0-a967-76b3cceeab13",["D",1749456299720],[],[257],"files",[154,173,183,189,195,205,214,222,230,239,247,255],"counts",{"_266":32,"_267":162,"_268":32,"_269":32},"pulls","branches","forks","envVars","contents",[],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":162,"_163":164,"_106":273,"_100":32,"_166":178,"_168":179,"_169":22,"_170":-5,"_98":274},["D",1749456241780],[156,175],"upstreamProject",{"_104":146,"_95":277,"_112":278,"_113":-5,"_110":111,"_23":279},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":280,"_130":281},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_104":141,"_106":284,"_285":286,"_95":43,"_139":146,"_100":287,"_140":-5,"_142":-5,"_288":289,"_108":-5,"_151":22,"_110":111,"_150":280,"_16":148,"_149":277},["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":296,"_152":301,"_262":338,"_210":339,"_270":341,"_342":343,"_346":22,"_347":-5,"_348":349,"_350":349,"_351":352},{"_104":105,"_95":96,"_106":297,"_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":298,"_132":299,"_135":300,"_151":22},["D",1749456241780],{"_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},[302,308,329,332,335],{"_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":303,"_98":307},[304],{"_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":-5,"_171":305,"_98":306},[],[156,175],[156],{"_104":184,"_95":185,"_157":186,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":187,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":309,"_98":328},[310,316,319,322,325],{"_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":311,"_98":315},[312],{"_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":313,"_98":314},[],[185,191,197],[185,191],{"_104":206,"_95":207,"_157":208,"_159":186,"_160":138,"_161":162,"_163":22,"_106":209,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_171":317,"_98":318},[],[185,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":162,"_163":22,"_106":218,"_100":32,"_166":210,"_168":219,"_169":22,"_170":-5,"_171":320,"_98":321},[],[185,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":323,"_98":324},[],[185,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":326,"_98":327},[],[185,232],[185],{"_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":330,"_98":331},[],[241],{"_104":248,"_95":249,"_157":250,"_159":-5,"_160":138,"_161":251,"_163":164,"_106":252,"_100":32,"_166":200,"_168":72,"_169":22,"_170":-5,"_171":333,"_98":334},[],[249],{"_104":256,"_95":257,"_157":258,"_159":-5,"_160":138,"_161":101,"_163":164,"_106":259,"_100":32,"_166":200,"_168":72,"_169":22,"_170":-5,"_171":336,"_98":337},[],[257],[302,304,308,310,312,316,319,322,325,329,332,335],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":162,"_163":164,"_106":273,"_100":32,"_166":178,"_168":179,"_169":22,"_170":-5,"_98":340},[156,175],[],"upstream",{"_104":141,"_106":344,"_285":345,"_95":43,"_139":146,"_100":287,"_140":-5,"_142":-5,"_288":289,"_108":-5,"_151":22,"_110":111,"_150":280,"_16":148,"_149":277},["D",1740674013689],["D",1755284984205],"showCompareCallout","pull","ahead",5,"behind","templates",[],"actionData","errors"]