1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { printNode, zodToTs } from "https://esm.sh/zod-to-ts";
5import * as z from "https://esm.sh/zod@3.21.4";
1/** @jsxImportSource https://esm.sh/react **/
2import { renderToString } from "https://esm.sh/react-dom@18/server";
3
4export default (req: Request) => {
1/** @jsxImportSource https://esm.sh/react **/
2import { renderToString } from "https://esm.sh/react-dom@18/server";
3
4export default (req: Request) => {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5// SRM University Grade Point Mapping
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { PDFDocument } from "https://esm.sh/pdf-lib";
5
8 const [pdfUrl, setPdfUrl] = useState<string | null>(null);
9
10 const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
11 const selectedFile = e.target.files?.[0];
12 if (selectedFile) {
1/** @jsxImportSource https://esm.sh/react **/
2import { renderToString } from "https://esm.sh/react-dom@18/server";
3
4export default (req: Request) => {
6
7Versions 0-17 of this val were done with Hono and server-rendering.
8Versions 18+ were generated with Townie and use client-side React.
9
10To use this val, fork it to your account.
1/** @jsxImportSource https://esm.sh/react */
2import { Hono } from "https://esm.sh/hono";
3import { debounce } from "https://esm.sh/lodash-es";
4import React, { ReactNode, useCallback, useEffect, useRef, useState } from "https://esm.sh/react";
5import { createRoot } from "https://esm.sh/react-dom/client";
6import { useDropzone } from "https://esm.sh/react-dropzone";
7import { lastlogin } from "https://esm.town/v/stevekrouse/lastlogin_safe";
8import { LoginWithGoogleButton } from "https://esm.town/v/stevekrouse/LoginWithGoogleButton";
9
10interface TooltipProps {
11 children: ReactNode;
12 content: string;
13}
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState, useRef } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
6import { tomorrow } from "https://esm.sh/react-syntax-highlighter/dist/esm/styles/prism";
7
8function App() {
31 }[]>([]);
32
33 async function handleSubmit(e: React.FormEvent) {
34 e.preventDefault();
35 setLoading(true);
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
5interface AirtableRecord {
Starter template with client-side React & Hono server
A web-based dice roller using React on Val Town
Write business logic with ease
Meet the new standard for modern TypeScript development.
Type-safe, reactive, framework-agnostic library to manage your business logic.
Follow me if you learn more about JavaScript | TypeScript | React.js | Next.js | Linux | NixOS | Frontend Developer | https://linktr.ee/officialrajdeepsingh