Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[183,189,195],[183,189],{"_102":204,"_95":205,"_155":206,"_157":184,"_158":136,"_159":160,"_161":162,"_104":207,"_99":32,"_164":208,"_166":209,"_167":22,"_168":-5,"_169":210,"_98":211},"6ebb1c80-5394-11f0-9d71-f69ea79377d9","favicon.svg","c549c833-a338-4fae-9ff1-fe350f4fd4da",["D",1751055742564],"file","\n",[],[183,205],{"_102":213,"_95":214,"_155":215,"_157":184,"_158":136,"_159":160,"_161":162,"_104":216,"_99":32,"_164":208,"_166":217,"_167":22,"_168":-5,"_169":218,"_98":219},"6ebb1e88-5394-11f0-9d71-f69ea79377d9","index.html","684e665b-340c-4841-8773-20b6c392dbd2",["D",1751055742564],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[183,214],{"_102":221,"_95":222,"_155":223,"_157":184,"_158":136,"_159":160,"_161":162,"_104":224,"_99":32,"_164":198,"_166":225,"_167":22,"_168":-5,"_169":226,"_98":227},"6ebb2068-5394-11f0-9d71-f69ea79377d9","index.tsx","e0acb64d-ab76-4fa7-83d1-a01fcaf60509",["D",1751055742564],"/** @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();",[],[183,222],{"_102":229,"_95":230,"_155":231,"_157":184,"_158":136,"_159":160,"_161":162,"_104":232,"_99":32,"_164":208,"_166":233,"_167":22,"_168":-5,"_169":234,"_98":235},"6ebb2270-5394-11f0-9d71-f69ea79377d9","style.css","042c6201-4d5b-48b4-a2f5-cf4885637fd2",["D",1751055742564],"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}",[],[183,230],[183],{"_102":238,"_95":239,"_155":240,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":241,"_99":32,"_164":208,"_166":242,"_167":22,"_168":-5,"_169":243,"_98":244},"6ebb2536-5394-11f0-9d71-f69ea79377d9","README.md","e859fd07-9e84-472a-b6af-a343b6e8c224",["D",1751055742564],"# 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.",[],[239],"files",[152,171,181,187,193,203,212,220,228,237],"counts",{"_249":32,"_250":160,"_251":32,"_252":32},"pulls","branches","forks","envVars","contents",[255,258,261],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":256,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":257},["D",1751055742564],[154],{"_102":182,"_95":183,"_155":184,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":259,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":260},["D",1751055742564],[183],{"_102":238,"_95":239,"_155":240,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":262,"_99":32,"_164":208,"_166":242,"_167":22,"_168":-5,"_98":263},["D",1751055742564],[239],"upstreamProject",{"_102":144,"_95":266,"_110":267,"_111":-5,"_108":109,"_23":268},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":269,"_128":270},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_102":139,"_104":273,"_274":275,"_95":43,"_137":144,"_99":276,"_138":-5,"_140":-5,"_277":278,"_106":-5,"_149":22,"_108":109,"_148":269,"_16":146,"_147":266},["D",1740674013689],"updatedAt",["D",1755284984205],72,"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":285,"_290":160,"_291":292,"_293":294,"_318":162,"_319":289,"_320":321,"_324":-5},{"_102":103,"_95":96,"_104":286,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":287,"_130":288,"_133":289,"_149":22},["D",1751055742564],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},"ahead","behind",5,"diff",{"_295":296,"_167":297,"_298":299},"added",[],[],"modified",[300],{"_98":301,"_302":303,"_314":315},"frontend/components/App.tsx","targetFile",{"_102":304,"_95":195,"_155":305,"_157":306,"_158":139,"_159":307,"_161":162,"_104":308,"_99":309,"_164":198,"_166":310,"_167":22,"_168":-5,"_169":-7,"_98":311,"_312":313},"5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[183,189,195],"contentHash","572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4","sourceFile",{"_102":194,"_95":195,"_155":196,"_157":190,"_158":136,"_159":135,"_161":162,"_104":197,"_99":160,"_164":198,"_166":199,"_167":22,"_168":-5,"_169":-7,"_98":316,"_312":317},[183,189,195],"452357a6076380add6f9a98d3c07842cd56a7639857803ef2b089c9b45815fc4","hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":322,"_274":323,"_95":43,"_137":144,"_99":276,"_138":-5,"_140":-5,"_277":278,"_106":-5,"_149":22,"_108":109,"_148":269,"_16":146,"_147":266},["D",1740674013689],["D",1755284984205],"pull","actionData","errors"]

Mergestevekrouse/mainintostd/main

frontend/components/App.tsx+1-1