[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_82":65,"_83":84,"_63":-7,"_85":-5,"_13":86,"_87":88,"_11":89,"_90":91,"_92":93,"_94":-5,"_95":-5,"_96":-5,"_97":62,"_98":99,"_100":62,"_101":-5,"_102":-5,"_103":104},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":-5,"_35":26,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":47,"_48":47,"_49":50,"_51":50,"_52":50,"_53":47,"_54":47,"_55":56,"_57":58,"_59":60,"_61":62},"query","handle","iamseeley","id","e0fc7ee0-2826-11f0-af78-569c3dd06744","name","reactClient","createdAt",["D",1746280789698],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","userId","fed077e2-dbc0-4421-bb81-a71b0796f69e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8bf3083e-3312-4fc4-8746-fcbc375455ce","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_16":17,"_81":77},"org",{"_16":17,"_75":-5,"_76":77,"_32":33,"_78":79,"_80":62},"branch",{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"isOwned",false,"version",25,"main","e0fcbe28-2826-11f0-af78-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":150,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":-5,"_35":26,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":47,"_48":47,"_49":50,"_51":50,"_52":50,"_53":47,"_54":47,"_55":151,"_57":152,"_59":153,"_61":62},"tree",[141,142],[141,142],"counts",{"_131":39,"_132":127,"_133":39,"_134":135,"_136":137},"contents",[105,106],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_18":124,"_20":125,"_109":126,"_111":-5,"_112":66,"_113":127,"_114":26,"_22":128,"_63":39,"_117":94,"_119":129,"_121":62,"_122":-5,"_83":130},{"_18":107,"_20":108,"_109":110,"_111":-5,"_112":66,"_113":64,"_114":26,"_22":115,"_63":116,"_117":118,"_119":120,"_121":62,"_122":-5,"_83":123},"e16bae28-2826-11f0-af78-569c3dd06744","main.tsx","fileId","e0fec9ca-2826-11f0-af78-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1722109216284],24,"fileType","script","content","/**\n * @title React CSR Client in Val Town\n * @description Client-side React application for a personal portfolio website.\n */\n/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport ReactDOM from \"https://esm.sh/react-dom\";\nimport { BrowserRouter, Route, NavLink, Routes } from \"https://esm.sh/react-router-dom\";\nimport { personalData } from \"https://esm.town/v/iamseeley/personalData\";\n\nconst Navigation = () => (\n \n);\n\nconst HomePage = () => {\n const [count, setCount] = useState(0);\n\n useEffect(() => {\n const timer = setInterval(() => {\n setCount((prevCount) => prevCount + 1);\n }, 1000);\n\n return () => clearInterval(timer);\n }, []);\n\n return (\n

Welcome to My Portfolio

{personalData.summary}

This website is rendered client-side with React.

Check out the client and server code and start building your own site!

You've been on this page for {count} seconds.

\n );\n};\n\nconst AboutPage = () => (\n

About Me

{personalData.about}

\n);\n\nconst ProjectsPage = () => (\n

My Projects

\n {personalData.projects.map((project, index) => (\n \n

{project.name}

{project.description}

\n \n ))}\n

\n);\n\nconst App = () => (\n \n

{personalData.name}

{personalData.label}

\n \n

\n \n } />\n } />\n } />\n \n

\n \n \n);\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\nroot.render();","deleted","label",[108],"e0fece34-2826-11f0-af78-569c3dd06744","README.md","e0feceac-2826-11f0-af78-569c3dd06744",1,["D",1719323543492],"🌐 Client Side code for the React example\n\nMigrated from folder: vals_by_example/reactClient",[125],"pulls","branches","forks","envVars",{"_138":39,"_140":39},"connections",{"_138":39,"_139":39},"count","unfilledCount","emptyCount",{"_18":124,"_20":125,"_109":126,"_111":-5,"_112":66,"_113":127,"_114":26,"_22":147,"_63":39,"_117":94,"_119":129,"_121":62,"_122":-5,"_144":148,"_83":149},{"_18":107,"_20":108,"_109":110,"_111":-5,"_112":66,"_113":64,"_114":26,"_22":143,"_63":116,"_117":118,"_119":120,"_121":62,"_122":-5,"_144":145,"_83":146},["D",1722109216284],"children",[],[108],["D",1719323543492],[],[125],["D",1746280789698],{"_16":17,"_81":77},{"_16":17,"_75":-5,"_76":77,"_32":33,"_78":79,"_80":62},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"ctx",{"_55":-5,"_102":187,"_188":189,"_190":191,"_192":62,"_193":62,"_194":62,"_195":26,"_196":-5,"_197":-7,"_198":-7,"_199":39,"_200":62,"_201":62,"_202":-5,"_203":62,"_204":62,"_205":62,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":65,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Search