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/?q=react&page=1481&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 15815 results for "react"(4076ms)

solanaPayDemomain.tsx3 matches

@vawogbemi•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import {
3 createQR,
16} from "https://esm.sh/@solana/web3.js?bundle-deps";
17import BigNumber from "https://esm.sh/bignumber.js";
18import React, { useEffect, useRef, useState } from "https://esm.sh/react";
19import { createRoot } from "https://esm.sh/react-dom/client";
20
21function Home() {

multilingualchatroommain.tsx3 matches

@trob•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { nanoid } from "https://esm.sh/nanoid";
3import React, { useCallback, useEffect, useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6const languages = [

MoonCatWalkmain.tsx3 matches

@midnightlightning•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useCallback, useEffect, useRef, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const SPEED = 6; // pixels per step

welcomingPinkAlligatormain.tsx5 matches

@problem•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState, useEffect, useRef, useCallback } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function debounce(func: Function, wait: number) {
61 if (retryCount < 3) {
62 setRetryCount(prevCount => prevCount + 1);
63 handleSubmit(new Event('submit') as React.FormEvent, error.message);
64 } else {
65 cancelAnimationFrame(animationRef.current!);
79 }, [code, debouncedRenderShader, retryCount]);
80
81 async function handleSubmit(e: React.FormEvent, shaderErrorMessage?: string) {
82 if (e) e.preventDefault();
83 setLoading(true);

seamlessBlushSwallowmain.tsx4 matches

@stevekrouse•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Anthropic from "https://esm.sh/@anthropic-ai/sdk";
3import React, { useCallback, useEffect, useRef, useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function debounce(func: Function, wait: number) {
61 }, [code, debouncedRenderShader]);
62
63 async function handleSubmit(e: React.FormEvent) {
64 e.preventDefault();
65 setLoading(true);

welcomingPinkAlligatormain.tsx5 matches

@stevekrouse•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState, useEffect, useRef, useCallback } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function debounce(func: Function, wait: number) {
61 if (retryCount < 3) {
62 setRetryCount(prevCount => prevCount + 1);
63 handleSubmit(new Event('submit') as React.FormEvent, error.message);
64 } else {
65 cancelAnimationFrame(animationRef.current!);
79 }, [code, debouncedRenderShader, retryCount]);
80
81 async function handleSubmit(e: React.FormEvent, shaderErrorMessage?: string) {
82 if (e) e.preventDefault();
83 setLoading(true);

welcomingPinkAlligatormain.tsx5 matches

@stevekrouse•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState, useEffect, useRef, useCallback } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function debounce(func: Function, wait: number) {
61 if (retryCount < 3) {
62 setRetryCount(prevCount => prevCount + 1);
63 handleSubmit(new Event('submit') as React.FormEvent, error.message);
64 } else {
65 cancelAnimationFrame(animationRef.current!);
79 }, [code, debouncedRenderShader, retryCount]);
80
81 async function handleSubmit(e: React.FormEvent, shaderErrorMessage?: string) {
82 if (e) e.preventDefault();
83 setLoading(true);

specialBlackMosquitomain.tsx3 matches

@lost1991•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {

valtowntownmain.tsx3 matches

@vawogbemi•Updated 7 months ago
1/** @jsxImportSource npm:react */
2import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo";
3import { sqlite } from "https://esm.town/v/stevekrouse/sqlite";
4import { serveRequest } from "https://esm.town/v/vawogbemi/reqEvaltown";
5import { Hono } from "npm:hono";
6import React from "npm:react";
7import { renderToString } from "npm:react-dom/server";
8
9const { httpEndpoint } = extractValInfo(import.meta.url);

getProfileProfilePagemain.tsx5 matches

@elliotbraem•Updated 7 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { Social } from "https://esm.sh/@builddao/near-social-js";
3import confetti from "https://esm.sh/canvas-confetti@1.6.0";
4import React, { useEffect, useState } from "https://esm.sh/react";
5import { createRoot } from "https://esm.sh/react-dom/client";
6import ReactMarkdown from "https://esm.sh/react-markdown@8.0.7";
7
8type Profile = {
136 <p className="text-gray-600 mb-4">@{accountId}</p>
137 <div className="text-left text-gray-700 mb-6 markdown-content bg-gray-50 p-4 rounded-lg shadow-inner">
138 <ReactMarkdown>{profile?.description || ""}</ReactMarkdown>
139 </div>
140 <div className="flex flex-wrap justify-center gap-3 mt-6">

MiniAppStarter9 file matches

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

reactHonoStarter4 file matches

@mumokioko•Updated 22 hours 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