Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react **/
2import r2wc from "https://esm.sh/@r2wc/react-to-web-component";
3
4const Greeting = () => {

1/** @jsxImportSource https://esm.sh/react */
2import { modifyFetchHandler } from "https://esm.town/v/andreterron/codeOnValTown?v=46";
3import { sqlite } from "https://esm.town/v/std/sqlite?v=4";
4import tailwindURL from "https://esm.town/v/stevekrouse/tailwindURL";
5import { renderToString } from "npm:react-dom/server";
6
7export const reactExample = modifyFetchHandler(async (request: Request) => {
8  const url = new URL(request.url);
9  if (url.pathname === "/favicon.ico") return new Response(null, { status: 404 });

14  constructor() {
15    super();
16    // Declare reactive properties
17    this.name = "World";
18  }

1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react */
2
3import React, { useState } from "https://esm.sh/react";
4
5type Props = {

15}
16
17// @see: https://github.com/vercel/react-tweet/blob/a292ca7/packages/react-tweet/src/api/fetch-tweet.ts#L27-L31
18function getToken(id: string) {
19  return ((Number(id) / 1e15) * Math.PI)

1/** @jsxImportSource https://esm.sh/react */
2
3import { useEffect, useState } from "https://esm.sh/react";
4
5export default function Component() {

1/** @jsxImportSource https://esm.sh/react */
2
3import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
4import { html } from "https://esm.town/v/stevekrouse/html";
5

14- [2024-03-02 - MyFooter: my footer component which shares random vals I've liked!](https://val.town/v/postpostscript/MyFooter)
15- [2024-03-16 - readmeManager: Edit Val Readmes With Persistent Drafts](https://val.town/v/postpostscript/readmeManager)
16- [2024-04-09 - reactiveStateBlob: wrap blob state in a proxy to autosave it on changes](https://val.town/v/postpostscript/reactiveStateBlob)
17- [2024-04-24 - lock: lock that releases when it leaves the execution context](https://val.town/v/postpostscript/lock)
18- [2024-04-25 - fetchWorker: communicate with a worker over a fetch-like interface](https://val.town/v/postpostscript/fetchWorker)

1// https://api.val.town/v1/express/liamdanielduffy.reactTodoListWebsite
2export const REACT_TODO_LIST_CONTENTS = {
3  body: `<div id="root"></div>
4    <script>
5      const e = React.createElement;
6
7      class TodoList extends React.Component {
8        constructor(props) {
9          super(props);
52      }
53
54      ReactDOM.render(
55        e(TodoList),
56        document.getElementById('root')