Val Town Code SearchReturn to Val Town

API Access

You can access search results via JSON API by adding format=json to your query:

https://codesearch.val.run/$%7Bart_info.art.src%7D?q=react&page=1064&format=json

For typeahead suggestions, use the /typeahead endpoint:

https://codesearch.val.run/typeahead?q=react

Returns an array of strings in format "username" or "username/projectName"

Found 11813 results for "react"(2818ms)

LotecaV2main.tsx3 matches

@maxm•Updated 5 months ago
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 { MEUS_JOGOS } from "https://esm.town/v/vacav/myConsts";
5

laudableTurquoiseOpossummain.tsx3 matches

@zdmta•Updated 5 months ago
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
5function App() {

versatileBlackKitemain.tsx3 matches

@eligosmlytics•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { getLegacyImportUrl } from "https://esm.town/v/std/getLegacyImportUrl/main.tsx";
3import React, { useState, useEffect } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function App() {

embedVideoWebPagemain.tsx3 matches

@eligosmlytics•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { getLegacyImportUrl } from "https://esm.town/v/std/getLegacyImportUrl/main.tsx";
3import React, { useState, useEffect } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function App() {

blob_adminREADME.md1 match

@caseyg•Updated 5 months ago
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.

blob_adminmain.tsx5 matches

@caseyg•Updated 5 months ago
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}

superbAzureSharkREADME.md1 match

@thesolarmonk•Updated 5 months ago
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.

superbAzureSharkmain.tsx5 matches

@thesolarmonk•Updated 5 months ago
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}

cerebras_codermain.tsx6 matches

@binaco•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import Chart from "https://esm.sh/chart.js/auto";
4import React, { useEffect, useState } from "https://esm.sh/react";
5import { createRoot } from "https://esm.sh/react-dom/client";
6import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
7import { tomorrow } from "https://esm.sh/react-syntax-highlighter/dist/esm/styles/prism";
8
9const STARTER_PROMPTS = [
136 }, []);
137
138 async function handleSubmit(e: React.FormEvent) {
139 e.preventDefault();
140 setLoading(true);

gif_uploadmain.tsx5 matches

@mozzius•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import {
5 AppBskyEmbedVideo,
26 };
27
28 const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
29 const file = e.target.files?.[0];
30 if (file) {
34 };
35
36 const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
37 e.preventDefault();
38 const formData = new FormData(e.currentTarget);

MiniAppStarter9 file matches

@moe•Updated 15 hours ago
Hono + React + Tailwind + Farcaster Mini App Starter Project

reactHonoStarter4 file matches

@jessicagarson•Updated 1 day ago
effector
Write business logic with ease Meet the new standard for modern TypeScript development. Type-safe, reactive, framework-agnostic library to manage your business logic.
officialrajdeepsingh
Follow me if you learn more about JavaScript | TypeScript | React.js | Next.js | Linux | NixOS | Frontend Developer | https://linktr.ee/officialrajdeepsingh