Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[182,188,194],[182,188],{"_102":203,"_95":204,"_155":205,"_157":183,"_158":136,"_159":135,"_160":161,"_104":206,"_99":32,"_163":207,"_165":208,"_166":22,"_167":-5,"_168":209,"_98":210},"afc370e4-49ce-11f0-bca1-76b3cceeab13","favicon.svg","1eab3e08-ce32-4c89-81cb-446bb938ec90",["D",1749981250883],"file","\n",[],[182,204],{"_102":212,"_95":213,"_155":214,"_157":183,"_158":136,"_159":135,"_160":161,"_104":215,"_99":32,"_163":207,"_165":216,"_166":22,"_167":-5,"_168":217,"_98":218},"afc37314-49ce-11f0-bca1-76b3cceeab13","index.html","34ef5a6a-ccba-433e-b0d8-5edae7feafc9",["D",1749981250883],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[182,213],{"_102":220,"_95":221,"_155":222,"_157":183,"_158":136,"_159":135,"_160":161,"_104":223,"_99":32,"_163":197,"_165":224,"_166":22,"_167":-5,"_168":225,"_98":226},"afc37490-49ce-11f0-bca1-76b3cceeab13","index.tsx","759b0ee7-dd03-41c1-acd9-d70783157bdf",["D",1749981250883],"/** @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();",[],[182,221],{"_102":228,"_95":229,"_155":230,"_157":183,"_158":136,"_159":135,"_160":161,"_104":231,"_99":32,"_163":207,"_165":232,"_166":22,"_167":-5,"_168":233,"_98":234},"afc37648-49ce-11f0-bca1-76b3cceeab13","style.css","55661c08-518d-4c15-b103-1b046f9624f5",["D",1749981250883],"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}",[],[182,229],[182],{"_102":237,"_95":238,"_155":239,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":240,"_99":32,"_163":207,"_165":241,"_166":22,"_167":-5,"_168":242,"_98":243},"afc3799a-49ce-11f0-bca1-76b3cceeab13","README.md","c05f38d8-1e45-41ec-9006-4e54e21edf45",["D",1749981250883],"# 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.",[],[238],"files",[152,170,180,186,192,202,211,219,227,236],"counts",{"_248":32,"_249":135,"_250":32,"_251":32},"pulls","branches","forks","envVars","contents",[254,257,260],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":255,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":256},["D",1749981250883],[154],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":258,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":259},["D",1749981250883],[182],{"_102":237,"_95":238,"_155":239,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":261,"_99":32,"_163":207,"_165":241,"_166":22,"_167":-5,"_98":262},["D",1749981250883],[238],"upstreamProject",{"_102":144,"_95":96,"_110":265,"_111":-5,"_108":109,"_23":266},"Starter template with client-side React & Hono server",{"_93":267,"_128":268},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_102":139,"_104":271,"_272":273,"_95":43,"_137":144,"_99":274,"_138":-5,"_140":-5,"_275":276,"_106":-5,"_149":22,"_108":109,"_148":267,"_16":146,"_147":96},["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.history",{"_93":94,"_95":96,"_97":43,"_100":283,"_288":32,"_289":290,"_354":22},{"_102":103,"_95":96,"_104":284,"_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":285,"_130":286,"_133":287,"_149":22},["D",1749981250883],{"_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},"page","history",[291],{"_102":292,"_158":136,"_104":293,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":296,"_207":297,"_298":-5,"_299":300,"_301":-5,"_302":303,"_306":307},"afc552ec-49ce-11f0-bca1-76b3cceeab13",["D",1749981250883],"incomingCommitId","07168060-3bca-11f0-9fc0-9e149126039e",{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":230,"_95":229,"_163":207},"pull","merge",{"_158":139,"_95":43,"_99":274},"revert","multiple",{"_304":305},"count",10,"commits",[308,309,314,319,324,329,334,339,344,349],{"_102":292,"_158":136,"_104":293,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":296,"_207":297,"_298":-5,"_299":300,"_301":-5},{"_102":292,"_158":136,"_104":310,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":311,"_207":312,"_298":-5,"_299":313,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":239,"_95":238,"_163":207},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":315,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":316,"_207":317,"_298":-5,"_299":318,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":222,"_95":221,"_163":197},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":320,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":321,"_207":322,"_298":-5,"_299":323,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":173,"_95":172,"_163":175},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":325,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":326,"_207":327,"_298":-5,"_299":328,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":214,"_95":213,"_163":207},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":330,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":331,"_207":332,"_298":-5,"_299":333,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":183,"_95":182,"_163":164},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":335,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":336,"_207":337,"_298":-5,"_299":338,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":205,"_95":204,"_163":207},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":340,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":341,"_207":342,"_298":-5,"_299":343,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":189,"_95":188,"_163":164},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":345,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":346,"_207":347,"_298":-5,"_299":348,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":156,"_95":154,"_163":164},{"_158":139,"_95":43,"_99":274},{"_102":292,"_158":136,"_104":350,"_99":135,"_16":117,"_157":-5,"_294":295,"_23":351,"_207":352,"_298":-5,"_299":353,"_301":-5},["D",1749981250883],{"_102":112,"_16":117,"_93":94,"_132":129},{"_155":195,"_95":194,"_163":197},{"_158":139,"_95":43,"_99":274},"hasNext","actionData","errors"]

History