Hello hono/jsx/dom!

Example of useState()

\n \n

Example of API fetch()

\n \n

Example of another API endpoint

\n \n \n );\n}\n\nfunction Counter() {\n const [count, setCount] = useState(0);\n return (\n \n );\n}\n\nconst ClockButton = () => {\n const [response, setResponse] = useState(null);\n\n const handleClick = async () => {\n const response = await client.clock.$get();\n const data = await response.json();\n const headers = Array.from(response.headers.entries()).reduce<\n Record\n >((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {});\n const fullResponse = {\n url: response.url,\n status: response.status,\n headers,\n body: data,\n };\n setResponse(JSON.stringify(fullResponse, null, 2));\n };\n\n return (\n

\n \n {response &&

{response}

}\n

\n );\n};\n\nconst HelloButton = () => {\n const [response, setResponse] = useState(null);\n\n const handleClick = async () => {\n const response = await client.hello.$get();\n const data = await response.json();\n setResponse(JSON.stringify(data, null, 2));\n };\n\n return (\n

\n \n {response &&

{response}

}\n

\n );\n};\n\nconst root = document.getElementById(\"root\")!;\nrender(, root);","deleted","label",[171,152],"src","permalink","https://www.val.town/x/vawogbemi/HonoDenoVite2/code/src/client.tsx","extension","actionData","errors"]