React SPA Starter

{count}

\n \n

\n )\n};","deleted","subdomain","children",[],[150],{"_106":171,"_99":172,"_151":120,"_153":-5,"_154":140,"_155":139,"_157":158,"_108":173,"_103":174,"_161":175,"_163":176,"_165":27,"_166":-5,"_167":177,"_102":178},"10161d36-0be8-11f0-bef2-569c3dd06744","README.md",["D",1743175177856],5,"file","# 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",[],[172],{"_106":180,"_99":181,"_151":182,"_153":-5,"_154":140,"_155":183,"_157":158,"_108":184,"_103":185,"_161":162,"_163":186,"_165":27,"_166":-5,"_167":187,"_102":188},"b9a2ce9e-0bde-11f0-a5ee-569c3dd06744","client.tsx","3fabdd6a-0bde-11f0-a18a-569c3dd06744",8,["D",1743171167349],1,"/** @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();",[],[181],{"_106":190,"_99":191,"_151":192,"_153":-5,"_154":140,"_155":123,"_157":158,"_108":193,"_103":160,"_161":194,"_163":195,"_165":27,"_166":-5,"_167":196,"_102":197},"db03a798-0bde-11f0-ab28-569c3dd06744","http.tsx","9c154894-0bdd-11f0-8b59-569c3dd06744",["D",1743171223347],"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};",[],[191],"files",[148,170,179,189],"counts",{"_202":33,"_203":185,"_204":33,"_205":33},"pulls","branches","forks","envVars","contents",[208,211,214,217],{"_106":149,"_99":150,"_151":152,"_153":-5,"_154":140,"_155":156,"_157":158,"_108":209,"_103":160,"_161":162,"_163":164,"_165":27,"_166":-5,"_102":210},["D",1743170953808],[150],{"_106":171,"_99":172,"_151":120,"_153":-5,"_154":140,"_155":139,"_157":158,"_108":212,"_103":174,"_161":175,"_163":176,"_165":27,"_166":-5,"_102":213},["D",1743175177856],[172],{"_106":180,"_99":181,"_151":182,"_153":-5,"_154":140,"_155":183,"_157":158,"_108":215,"_103":185,"_161":162,"_163":186,"_165":27,"_166":-5,"_102":216},["D",1743171167349],[181],{"_106":190,"_99":191,"_151":192,"_153":-5,"_154":140,"_155":123,"_157":158,"_108":218,"_103":160,"_161":194,"_163":195,"_165":27,"_166":-5,"_102":219},["D",1743171223347],[191],"upstream","screenshots",{"_223":224,"_225":226},"thumbnail","https://screenshots.valtown.net/screenshot.png?width=1024&height=768&version=10&url=https%3A%2F%2Fjxnblk--e033d9e00bde11f0877f569c3dd06744.web.val.run","preview","https://screenshots.valtown.net/screenshot.png?width=1920&height=1080&version=10&url=https%3A%2F%2Fjxnblk--e033d9e00bde11f0877f569c3dd06744.web.val.run","emptyEnvVars","routes/_app.x.$handle.$name.branch.$branch.history",{"_97":98,"_99":100,"_101":43,"_104":230,"_234":235,"_343":33,"_344":27},{"_106":107,"_99":100,"_108":231,"_110":-5,"_111":27,"_112":113,"_114":115,"_116":117,"_12":118,"_119":120,"_121":27,"_122":123,"_124":33,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":27,"_21":232,"_137":233},["D",1743170677719],{"_97":98,"_135":136},{"_103":139,"_99":43,"_106":140,"_141":107,"_142":-5,"_143":-5,"_144":-5,"_145":-5},"history",[236,241,250,258,266,273,280,285,292,297,304,309,316,323,330,336],{"_151":120,"_103":139,"_108":237,"_154":140,"_198":238},["D",1743175177856],[239],{"_106":171,"_154":140,"_151":120,"_99":172,"_163":176,"_161":175,"_103":174,"_153":-5,"_108":237,"_155":139,"_166":-5,"_157":158,"_165":27,"_102":240},[172],{"_151":120,"_103":242,"_108":243,"_154":140,"_198":244},15,["D",1743171813502],[245],{"_106":246,"_154":140,"_151":120,"_99":172,"_163":247,"_161":175,"_103":248,"_153":-5,"_108":243,"_155":242,"_166":-5,"_157":27,"_165":27,"_102":249},"3ac6560c-0be0-11f0-8b52-569c3dd06744","# 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",4,[172],{"_151":120,"_103":251,"_108":252,"_154":140,"_198":253},14,["D",1743171759365],[254],{"_106":255,"_154":140,"_151":120,"_99":172,"_163":256,"_161":175,"_103":160,"_153":-5,"_108":252,"_155":251,"_166":-5,"_157":27,"_165":27,"_102":257},"1a81a2f2-0be0-11f0-9c02-569c3dd06744","# 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\n---\n\n_See also:_\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",[172],{"_151":120,"_103":259,"_108":260,"_154":140,"_198":261},13,["D",1743171743389],[262],{"_106":263,"_154":140,"_151":120,"_99":172,"_163":264,"_161":175,"_103":94,"_153":-5,"_108":260,"_155":259,"_166":-5,"_157":27,"_165":27,"_102":265},"10fbf96c-0be0-11f0-9883-569c3dd06744","# 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\n---\n\n_See also:_\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",[172],{"_151":120,"_103":267,"_108":268,"_154":140,"_198":269},12,["D",1743171441524],[270],{"_106":271,"_154":140,"_151":120,"_99":172,"_163":264,"_161":175,"_103":185,"_153":-5,"_108":268,"_155":267,"_166":-5,"_157":27,"_165":27,"_102":272},"5d0fa598-0bdf-11f0-877f-569c3dd06744",[172],{"_151":120,"_103":274,"_108":275,"_154":140,"_198":276},11,["D",1743171232055],[277],{"_106":278,"_154":140,"_151":120,"_99":172,"_163":70,"_161":175,"_103":33,"_153":-5,"_108":275,"_155":274,"_166":-5,"_157":27,"_165":27,"_102":279},"e033d90e-0bde-11f0-877f-569c3dd06744",[172],{"_151":192,"_103":123,"_108":281,"_154":140,"_198":282},["D",1743171223347],[283],{"_106":190,"_154":140,"_151":192,"_99":191,"_163":195,"_161":194,"_103":160,"_153":-5,"_108":281,"_155":123,"_166":-5,"_157":158,"_165":27,"_102":284},[191],{"_151":192,"_103":286,"_108":287,"_154":140,"_198":288},9,["D",1743171197102],[289],{"_106":290,"_154":140,"_151":192,"_99":191,"_163":195,"_161":194,"_103":94,"_153":-5,"_108":287,"_155":286,"_166":-5,"_157":27,"_165":27,"_102":291},"cb5f3582-0bde-11f0-877f-569c3dd06744",[191],{"_151":182,"_103":183,"_108":293,"_154":140,"_198":294},["D",1743171167349],[295],{"_106":180,"_154":140,"_151":182,"_99":181,"_163":186,"_161":162,"_103":185,"_153":-5,"_108":293,"_155":183,"_166":-5,"_157":158,"_165":27,"_102":296},[181],{"_151":182,"_103":298,"_108":299,"_154":140,"_198":300},7,["D",1743170962729],[301],{"_106":302,"_154":140,"_151":182,"_99":181,"_163":70,"_161":162,"_103":33,"_153":-5,"_108":299,"_155":298,"_166":-5,"_157":27,"_165":27,"_102":303},"3fabdc98-0bde-11f0-a18a-569c3dd06744",[181],{"_151":152,"_103":156,"_108":305,"_154":140,"_198":306},["D",1743170953808],[307],{"_106":149,"_154":140,"_151":152,"_99":150,"_163":164,"_161":162,"_103":160,"_153":-5,"_108":305,"_155":156,"_166":-5,"_157":158,"_165":27,"_102":308},[150],{"_151":192,"_103":174,"_108":310,"_154":140,"_198":311},["D",1743170940820],[312],{"_106":313,"_154":140,"_151":192,"_99":191,"_163":314,"_161":194,"_103":185,"_153":-5,"_108":310,"_155":174,"_166":-5,"_157":27,"_165":27,"_102":315},"329db3f0-0bde-11f0-a92c-569c3dd06744","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 Response.json({ ok: true })\n}",[191],{"_151":152,"_103":248,"_108":317,"_154":140,"_198":318},["D",1743170823988],[319],{"_106":320,"_154":140,"_151":152,"_99":150,"_163":321,"_161":162,"_103":94,"_153":-5,"_108":317,"_155":248,"_166":-5,"_157":27,"_165":27,"_102":322},"ecfa5a60-0bdd-11f0-821d-569c3dd06744","/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\n\nexport default function App () {\n const [count, setCount] = useState(0);\n\n return (\n

Hello

{count}

\n \n

\n )\n};",[150],{"_151":152,"_103":160,"_108":324,"_154":140,"_198":325},["D",1743170821493],[326],{"_106":327,"_154":140,"_151":152,"_99":150,"_163":328,"_161":162,"_103":185,"_153":-5,"_108":324,"_155":160,"_166":-5,"_157":27,"_165":27,"_102":329},"eb80aa90-0bdd-11f0-877f-569c3dd06744","/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\n\nexport default function App () {\n const [count, setCount] = useState(0);\n\n return (\n

Hello

{count}

\n \n

\n )\n}",[150],{"_151":152,"_103":94,"_108":331,"_154":140,"_198":332},["D",1743170745337],[333],{"_106":334,"_154":140,"_151":152,"_99":150,"_163":70,"_161":162,"_103":33,"_153":-5,"_108":331,"_155":94,"_166":-5,"_157":27,"_165":27,"_102":335},"be18bc64-0bdd-11f0-9d7e-569c3dd06744",[150],{"_151":192,"_103":185,"_108":337,"_154":140,"_198":338},["D",1743170688274],[339],{"_106":340,"_154":140,"_151":192,"_99":191,"_163":341,"_161":194,"_103":33,"_153":-5,"_108":337,"_155":185,"_166":-5,"_157":27,"_165":27,"_102":342},"9c154808-0bdd-11f0-8b59-569c3dd06744","export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",[191],"page","hasNext","routes/_app","actionData","errors"]

History