pomdtr

@jsxImportSource https://esm.sh/hono/jsx

Demo: @pomdtr/example_ssr Todo: [ ] only hydrate island when they enter the viewport

Demo: @pomdtr/island_demo

All TODOs from public vals Todo [ ] Remove forks from results ? [ ] use a cron val to cache results in an sqlite table

SSR Framework for val.town Usage The router map url paths to component vals. Component vals must export a React Component as their default export: export default function() { <h1>Hello World!</h1> } Optionally, you can define an handler next to your component, allowing you to handle query params or form inputs. Use the ctx.render function to pass props to your component. export const handler: Handler = (ctx) => { const url = new URL(ctx.req.url); const params = new URLSearchParams(url.search); return ctx.render({ name: params.get("name") }); }; export default function(props: {name?: string}) { <h1>Hello { name || "World }!</h1> }

@jsxImportSource https://esm.sh/react

Todo [x] extract params from request paths using urlpatterns [ ] add a Form component [ ] add support for Layouts [ ] support other types url in router ("https://val.town/v/user/val" or "owner/val")

Val Release Pattern Create a new val, then use the proper exports depending on what version you want to install: // install stable version export { stable } from "https://esm.town/v/pomdtr/example_release" // install dev version export { dev } from "https://esm.town/v/pomdtr/example_release" // install canary version export { canary } from "https://esm.town/v/pomdtr/example_release"

An interactive, runnable TypeScript val by pomdtr

https://twitter.com/wesbos/status/1757146305153974684

An interactive, runnable TypeScript val by pomdtr

An interactive, runnable TypeScript val by pomdtr

An interactive, runnable TypeScript val by pomdtr

An interactive, runnable TypeScript val by pomdtr

GET https://pomdtr-ninja_keys.web.val.run

This val is supposed to be used with the val.town extension. See the extension readme for installation instructions.