Val Town Code SearchReturn to Val Town

1# Example Full-stack Todo List App with React SSR + Client-side hydration & sqlite
2
3Requires you to put the React component  in another val, in this case: https://www.val.town/v/stevekrouse/TodoApp
4
5Migrated from folder: Archive/TodoListApp/todo_list

1Migrated from folder: Archive/docsExamples/jsx/reactExample

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export const reactExample = () =>
5  new Response(renderToString(<div>Test {1 + 1}</div>), {
6    headers: {

1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4export const preactExample = () =>
5  new Response(render(<div>Test {1 + 1}</div>), {
6    headers: {

1Migrated from folder: Archive/docsExamples/jsx/preactExample

1import { html } from "https://esm.town/v/stevekrouse/html";
2import { render } from "npm:preact-render-to-string";
3
4export let preact = jsx => html(render(jsx));

1Migrated from folder: Archive/docsExamples/scriptTag/preact

1/** @jsxImportSource https://esm.sh/preact */
2import { html } from "https://esm.town/v/neverstew/html";
3import { Hono } from "npm:hono";

1import { html } from "https://esm.town/v/neverstew/html";
2import type { VNode } from "npm:preact";
3
4export const htmlResponse = (htmlNode: VNode, options?: ResponseInit) =>

1/** @jsxImportSource https://esm.sh/preact */
2import { htmlResponse } from "https://esm.town/v/neverstew/htmlResponse";
3