34
35If you want more interactivity, check out this
36[React starter](https://www.val.town/x/std/reactHonoStarter).
37
38### ← favicon.svg
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5import {
13 TbSend as Send,
14 TbUsers as Users,
15} from "https://esm.sh/react-icons/tb";
16
17
307 <div className="flex justify-center mb-6">
308 <div className="w-16 h-16 sm:w-20 sm:h-20 bg-gradient-to-br from-orange-100 to-yellow-100 rounded-full flex items-center justify-center text-orange-500 group-hover:scale-110 transition-transform duration-300 shadow-md">
309 {React.cloneElement(area.icon, {
310 className: "w-8 h-8 sm:w-10 sm:h-10",
311 })}
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function App() {
20 }
21
22 async function handleSubmit(e: React.FormEvent) {
23 e.preventDefault();
24 setResult(null);
392
393 <script type="text/jsx">
394 import React, { useState, useEffect } from 'https://esm.sh/react@18.3.1';
395 import ReactDOM from 'https://esm.sh/react-dom@18.3.1';
396
397 const sourceUrl = "${sourceUrl}";
540 }
541
542 ReactDOM.render(<App />, document.querySelector('main .container'));
543 </script>
544</body>
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export function ValTownLogo () {
1import { useState, useEffect } from "react";
2
3const USER_ENDPOINT = "/api/user";
1import { useEffect } from "react";
2
3export function useUsageStats(messages: any[], usages: any[]) {
1import { useEffect, useRef } from 'https://esm.sh/react@18.2.0';
2
3
1import { useState, useEffect } from "react";
2
3const PROJECT_ENDPOINT = "/api/project";
1import { useState, useEffect } from "react";
2
3const ENDPOINT = "/api/projects-loader";
