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},"8d7268bc-5066-11f0-b629-f69ea79377d9","favicon.svg","1db674b1-661b-4b7e-a9b5-edf632056da5",["D",1750706183715],"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},"8d726a2e-5066-11f0-b629-f69ea79377d9","index.html","61acd27a-7209-4aeb-a690-7d26ab0175ac",["D",1750706183715],"\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},"8d726bb4-5066-11f0-b629-f69ea79377d9","index.tsx","d6b74109-7ce1-4d5c-a1ea-a654531c8b78",["D",1750706183715],"/** @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},"8d726d26-5066-11f0-b629-f69ea79377d9","style.css","2e5e5519-bb92-419f-bf4d-2faa5bb48ce2",["D",1750706183715],"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},"8d727050-5066-11f0-b629-f69ea79377d9","README.md","cbbe4cf7-79f5-4cff-aa68-b3f5f13c59ac",["D",1750706183715],"# 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":250,"_251":32,"_252":32},"pulls","branches",2,"forks","envVars","contents",[255,258,261],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":256,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":257},["D",1750706183715],[154],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":259,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":260},["D",1750706183715],[182],{"_102":237,"_95":238,"_155":239,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":262,"_99":32,"_163":207,"_165":241,"_166":22,"_167":-5,"_98":263},["D",1750706183715],[238],"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.branches",{"_93":94,"_95":96,"_100":285,"_249":290},{"_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",1750706183715],{"_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},[291,298],{"_102":292,"_104":293,"_274":294,"_95":295,"_137":103,"_99":296,"_138":136,"_140":135,"_277":297,"_106":-5},"8041b298-506f-11f0-874c-f69ea79377d9",["D",1750710027186],["D",1750710027664],"force-push-temp",8,"1754088557878-esm.town_v_stevekrouse_force-push-test@8-force-push-temp",{"_102":136,"_104":299,"_274":300,"_95":43,"_137":103,"_99":135,"_138":139,"_140":141,"_277":301,"_106":-5},["D",1750706183715],["D",1750706183715],"1754033920914-esm.town_v_stevekrouse_force-push-test@1-main","actionData","errors"]

stevekrouse

force-push-test

Branches2

Branches
2