Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5const NO_PHRASES = [

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import * as d3 from "https://esm.sh/d3@7";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React from "https://esm.sh/react@18.2.0";
5import { svgServer } from "https://esm.town/v/fil/svgServer";
6
76
77function App() {
78  const [currentDate, setCurrentDate] = React.useState(new Date());
79  const [svg, setSvg] = React.useState("");
80
81  React.useEffect(() => {
82    const fetchSvg = () => {
83      const month = currentDate.getMonth() + 1;

16```
17
18Example usage: https://www.val.town/x/std/reactHonoStarter/code/backend/index.ts

1/** @jsxImportSource https://esm.sh/preact */
2import { expect } from "jsr:@std/expect";
3import { makeBadge } from "npm:badge-maker";
4import { render } from "npm:preact-render-to-string";
5import prettyMilliseconds from "npm:pretty-ms";
6import { parseProject } from "./project.ts";

1/** @jsxImportSource https://esm.sh/preact */
2import { makeBadge } from "npm:badge-maker";
3import { render } from "npm:preact-render-to-string";
4import prettyMilliseconds from "npm:pretty-ms";
5

1// /** @jsxImportSource https://esm.sh/react@18.2.0 */
2// import { zip } from "https://esm.sh/lodash-es";
3// import { useEffect, useState } from "https://esm.sh/react@18.2.0";
4// import { Form, hydrate } from "https://esm.town/v/stevekrouse/ssr_react_mini?v=75";
5
6// export async function loader(req: Request) {

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

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

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import App from "./components/App.tsx";
4

1# React Hono Val Town Project Starter Template
2
3This is a starter template for a full-stack app in a Val Town Project. The app itself is a simple persistent message board.