React SPA Starter

{count}

\n \n

\n );\n}",[],[176],{"_103":185,"_95":186,"_156":187,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":188,"_100":32,"_166":167,"_168":189,"_169":22,"_170":-5,"_171":190,"_98":191},"8ac1ca34-9906-11f0-bf48-0224a6c84d84","README.md","01997a2c-d4f0-71ea-9f55-686b3bbac5bf",["D",1758691382422],"# React SPA Starter\n\nMinimal React SPA example for Val Town. \n[View Demo][demo]\n\n[demo]: https://jxnblk--9c1548940bdd11f08b59569c3dd06744.web.val.run\n\nRemix this project to start building your own React app\n\n## How it works\n\nThe `http.tsx` file is the main entry point and serves the app.\nIt returns a static HTML string response that includes the client-side JavaScript module in `client.tsx`.\nThe `client.tsx` module hydrates the React app on the client.\n\nThe `App.tsx` file is the root component of the React app.\nYou can add more components and functionality as needed.\n\nNote that this version does _NOT_ handle server-side rendering (SSR). \nUsing one of the versions with SSR is highly recommended:\n\n- [React Starter][]\n- [React Streaming Starter][]\n\n\n[react streaming starter]: https://val.town/x/jxnblk/react-streaming-starter\n[react starter]: https://www.val.town/x/jxnblk/react-starter\n[react spa starter]: https://www.val.town/x/jxnblk/react-spa-starter",[],[186],{"_103":193,"_95":194,"_156":195,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":196,"_100":32,"_166":180,"_168":197,"_169":22,"_170":-5,"_171":198,"_98":199},"8ac1cd36-9906-11f0-bf48-0224a6c84d84","client.tsx","01997a2c-d4f0-71ea-9f55-6de066ead6b2",["D",1758691382422],"/** @jsxImportSource https://esm.sh/react */\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport App from \"./App.tsx\";\n\nconst div = document.getElementById(\"app\");\nconst root = createRoot(div);\nroot.render();",[],[194],{"_103":201,"_95":99,"_156":202,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":203,"_100":32,"_166":204,"_168":205,"_169":22,"_170":-5,"_171":206,"_98":207},"8ac1ce6c-9906-11f0-bf48-0224a6c84d84","01997a2c-d4f0-71ea-9f55-70c5ff097755",["D",1758691382422],"http","const CLIENT_MODULE = import.meta.url.replace(\"http.tsx\", \"client.tsx\");\n\nconst html = `\n\n \n React SPA Starter\n \n \n

\n \n \n\n`;\n\nexport default async function (req: Request): Promise {\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n};",[],[99],"files",[153,174,184,192,200],"counts",{"_212":32,"_213":179,"_214":32,"_215":216},"pulls","branches","forks","envVars",{"_217":32,"_218":32},"count","emptyCount","contents",[],{"_103":201,"_95":99,"_156":202,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":222,"_100":32,"_166":204,"_168":205,"_169":22,"_170":-5,"_98":223},["D",1758691382422],[99],"upstreamProject",{"_103":145,"_95":96,"_111":226,"_112":227,"_109":110,"_23":228},"Minimal React SPA example built in Val Town","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f0f7dcce-d342-468d-92be-481bb6870700/square512",{"_93":229,"_129":230},"jxnblk","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512","upstreamBranch",{"_103":140,"_105":233,"_234":235,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_236":237,"_107":-5,"_150":22,"_109":110,"_149":229,"_16":147,"_148":96},["D",1743170677719],"updatedAt",["D",1743175177856],"lockfileKey","1744741827351-esm.town_v_jxnblk_react-spa-starter@16-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":244,"_151":249,"_208":265,"_167":266,"_219":268,"_269":270,"_273":-5,"_274":161,"_275":32,"_276":277},{"_103":104,"_95":96,"_105":245,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":246,"_131":247,"_134":248,"_150":22},["D",1758691382422],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[250,253,256,259,262],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":164,"_100":165,"_166":167,"_168":72,"_169":22,"_170":-5,"_171":251,"_98":252},[],[155],{"_103":175,"_95":176,"_156":177,"_158":-5,"_159":137,"_160":136,"_162":163,"_105":178,"_100":179,"_166":180,"_168":181,"_169":22,"_170":-5,"_171":254,"_98":255},[],[176],{"_103":185,"_95":186,"_156":187,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":188,"_100":32,"_166":167,"_168":189,"_169":22,"_170":-5,"_171":257,"_98":258},[],[186],{"_103":193,"_95":194,"_156":195,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":196,"_100":32,"_166":180,"_168":197,"_169":22,"_170":-5,"_171":260,"_98":261},[],[194],{"_103":201,"_95":99,"_156":202,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":203,"_100":32,"_166":204,"_168":205,"_169":22,"_170":-5,"_171":263,"_98":264},[],[99],[250,253,256,259,262],{"_103":201,"_95":99,"_156":202,"_158":-5,"_159":137,"_160":179,"_162":163,"_105":222,"_100":32,"_166":204,"_168":205,"_169":22,"_170":-5,"_98":267},[99],[],"upstream",{"_103":140,"_105":271,"_234":272,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_236":237,"_107":-5,"_150":22,"_109":110,"_149":229,"_16":147,"_148":96},["D",1743170677719],["D",1743175177856],"pull","ahead","behind","templates",[],"actionData","errors"]

kwicherbelliaken

react-spa-starter