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":164,"_106":209,"_100":32,"_166":210,"_168":211,"_169":22,"_170":-5,"_171":212,"_98":213},"09185d16-5114-11f0-b077-f69ea79377d9","favicon.svg","837cacc3-93c2-4304-9ecb-797504a0e8af",["D",1750780694155],"file","\n",[],[185,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":101,"_163":164,"_106":218,"_100":162,"_166":210,"_168":219,"_169":22,"_170":-5,"_171":220,"_98":221},"6ab2728e-5126-11f0-8ed6-f69ea79377d9","index.html","c67d6d40-13f5-4177-9424-68711f0f7d95",["D",1750788588907],"\n\n \n \n \n React Hono Val Town Starter\n \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},"09186400-5114-11f0-b077-f69ea79377d9","index.tsx","2a896795-a804-40fc-8c0e-d1dd003db0fe",["D",1750780694155],"/** @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},"09186644-5114-11f0-b077-f69ea79377d9","style.css","5a800044-f0d7-4bd6-8c68-e025c01d892d",["D",1750780694155],"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},"09186aa4-5114-11f0-b077-f69ea79377d9","README.md","9b435e73-98c4-49a1-bf0a-fbba1ea2c542",["D",1750780694155],"# 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],"files",[154,173,183,189,195,205,214,222,230,239],"counts",{"_251":32,"_252":162,"_253":32,"_254":32},"pulls","branches","forks","envVars","contents",[],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":162,"_163":164,"_106":258,"_100":32,"_166":178,"_168":179,"_169":22,"_170":-5,"_98":259},["D",1750780694155],[156,175],"upstreamProject",{"_104":146,"_95":262,"_112":263,"_113":-5,"_110":111,"_23":264},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":265,"_130":266},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_104":141,"_106":269,"_270":271,"_95":43,"_139":146,"_100":272,"_140":-5,"_142":-5,"_273":274,"_108":-5,"_151":22,"_110":111,"_150":265,"_16":148,"_149":262},["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":281,"_152":286,"_247":317,"_210":318,"_255":320,"_321":322,"_325":22,"_326":-5,"_327":328,"_329":330,"_331":332},{"_104":105,"_95":96,"_106":282,"_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":283,"_132":284,"_135":285,"_151":22},["D",1750780694155],{"_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},[287,293,314],{"_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":288,"_98":292},[289],{"_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":290,"_98":291},[],[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":294,"_98":313},[295,301,304,307,310],{"_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":296,"_98":300},[297],{"_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":298,"_98":299},[],[185,191,197],[185,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":302,"_98":303},[],[185,207],{"_104":215,"_95":216,"_157":217,"_159":186,"_160":138,"_161":101,"_163":164,"_106":218,"_100":162,"_166":210,"_168":219,"_169":22,"_170":-5,"_171":305,"_98":306},[],[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":308,"_98":309},[],[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":311,"_98":312},[],[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":315,"_98":316},[],[241],[287,289,293,295,297,301,304,307,310,314],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":162,"_163":164,"_106":258,"_100":32,"_166":178,"_168":179,"_169":22,"_170":-5,"_98":319},[156,175],[],"upstream",{"_104":141,"_106":323,"_270":324,"_95":43,"_139":146,"_100":272,"_140":-5,"_142":-5,"_273":274,"_108":-5,"_151":22,"_110":111,"_150":265,"_16":148,"_149":262},["D",1740674013689],["D",1755284984205],"showCompareCallout","pull","ahead",6,"behind",5,"templates",[],"actionData","errors"]