\n {children}\n
\n\n \n \n Request time: \n {props.request_time}\n
\n\n Hydration time: \n {Date.now()}\n
\n\n Served from: \n {props.DENO_REGION ? props.DENO_REGION : \"localhost\"}\n
\n \n\n![\"lighthouse-score\"](\"/assets/lighthouse-score.png\")
\n\n \n This website is appified with the Preact JavaScript library. It even\n uses localStorage to store state locally between page loads \uD83E\uDD2F. Check\n out the \uD83D\uDC49{\" \"}\n \n source code here\n {\" \"}\n \uD83D\uDC48.\n
\n\n\r\n {children}\r\n
\r\n\r\n \r\n \r\n \r\n setDataArray((dataArray: string[]) => [\r\n ...dataArray,\r\n `Item ${dataArray.length}`,\r\n ])\r\n }\r\n >\r\n add item\r\n \r\n \r\n setDataArray((dataArray: string[]) =>\r\n dataArray.slice(0, dataArray.length - 1)\r\n )\r\n }\r\n >\r\n remove item\r\n \r\n
\r\n );\r\n};\r\n\r\nconst btnLgStyle = {\r\n margin: \"0.5rem\",\r\n padding: \"0.5rem\",\r\n fontSize: \"1rem\",\r\n};\r\n\r\nexport default App;\r\n", "import { useState } from \"react\";\r\n\r\nconst List = ({ data }: { data: string[] }) => {\r\n // takes a data prop\r\n // how many clicks have we counted? Default to 0\r\n const [count, setCount] = useState(0);\r\n\r\n // shared event handler\r\n const handleClick = () => {\r\n setCount(count + 1);\r\n };\r\n\r\n return (\r\n \r\n Latest random number from server: {latestEvent}\r\n
\r\n\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default List;\r\n", "import { useState, useEffect } from \"react\";\r\n\r\n// INITIAL STATE\r\nconst initialState: Record- \r\n {data &&\r\n data.map((i) => (\r\n
- \r\n {i} \r\n \r\n ))}\r\n
\r\n \r\n {count} {count === 1 ? \"click\" : \"clicks\"} counted\r\n \r\n
\r\n\r\n Request time: \r\n {props.request_time}\r\n
\r\n\r\n Hydration time: \r\n {Date.now()}\r\n
\r\n\r\n Served from: \r\n {props.DENO_REGION ? props.DENO_REGION : \"localhost\"}\r\n
\r\n \r\n\r\n\r\n\r\n \r\n This website is appified with the Preact JavaScript library. It even\r\n uses localStorage to store state locally between page loads \uD83E\uDD2F. Check\r\n out the \uD83D\uDC49{\" \"}\r\n \r\n source code here\r\n {\" \"}\r\n \uD83D\uDC48.\r\n
\r\n\r\n\n {children}\n
\n\n \n Features
\n- \n
- \n Simple and familiar syntax, supports any modern JS/TS environment.\n \n
- \n Library of request handlers,{\" \"}\n middleware and utils.\n \n
- \n Cascades{\" \"}\n
- 100% TypeScript complete with tests. \n
Guides
\n- \n
- \n \n How to build a full-stack React application with Peko and Deno\n \n \n
- \n Want to build a lightweight HTML or Preact app? Check out the{\" \"}\n \n examples\n \n !\n \n
\n
\n\n Handlers
\n- \n
- \n
- \n
- \n
\n
\n\n Middleware
\n- \n
- \n
- \n
- \n
\n
\n \n Utils
\n- \n
- \n
- \n
\r\n {children}\r\n
\r\n\r\n \r\n Features
\r\n- \r\n
- \r\n Simple and familiar syntax, supports any modern JS/TS environment.\r\n \r\n
- \r\n Library of request handlers,{\" \"}\r\n middleware and utils.\r\n \r\n
- \r\n Cascades{\" \"}\r\n
- 100% TypeScript complete with tests. \r\n
Guides
\r\n- \r\n
- \r\n \r\n How to build a full-stack React application with Peko and Deno\r\n \r\n \r\n
- \r\n Want to build a lightweight HTML or Preact app? Check out the{\" \"}\r\n \r\n examples\r\n \r\n !\r\n \r\n
\r\n
\r\n\r\n Handlers
\r\n- \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n\r\n Middleware
\r\n- \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n Utils
\r\n- \r\n
- \r\n
- \r\n