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/image-url.jpg%20%22Image%20title%22?q=react&page=1190&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 12948 results for "react"(1291ms)

tidyRedWhalemain.tsx4 matches

@websrai•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function AssistantChat() {
10 const [isLoading, setIsLoading] = useState(false);
11
12 const handleSubmit = async (e: React.FormEvent) => {
13 e.preventDefault();
14 if (!input.trim()) return;

modernSalesCRMmain.tsx3 matches

@shrirudragoud•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function Button({ children, onClick, className = '' }) {

solarsystemmain.tsx3 matches

@tk120404•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import * as THREE from "https://esm.sh/three";
5import { OrbitControls } from "https://esm.sh/three/examples/jsm/controls/OrbitControls";

cerebras_codermain.tsx6 matches

@zananowshad•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState } 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() {
18 >(null);
19
20 async function handleSubmit(e: React.FormEvent) {
21 e.preventDefault();
22 setLoading(true);

ampleIndigoJunglefowlmain.tsx3 matches

@faseeu•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useRef, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import anime from "https://esm.sh/animejs@3.2.1";
5

toughPinkPigmain.tsx2 matches

@schniggie•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react **/
2import { renderToString } from "https://esm.sh/react-dom@18/server";
3
4export default (req: Request) => {

cerebras_codermain.tsx6 matches

@omerco•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState } 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() {
18 >(null);
19
20 async function handleSubmit(e: React.FormEvent) {
21 e.preventDefault();
22 setLoading(true);

statusmain.tsx3 matches

@omerco•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { sqlite } from "https://esm.town/v/std/sqlite?v=6";
3import { html } from "https://esm.town/v/stevekrouse/html";
4import { SparklineSVG } from "https://esm.town/v/stevekrouse/sparklineSVGReact";
5import { renderToString } from "npm:react-dom/server";
6
7function StatusRow({ rows }) {

Techstoremain.tsx6 matches

@aneesimran•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5// Sample product data
20];
21
22class ErrorBoundary extends React.Component {
23 constructor(props) {
24 super(props);
294 if (root) {
295 createRoot(root).render(
296 <React.StrictMode>
297 <ErrorBoundary>
298 <App />
299 </ErrorBoundary>
300 </React.StrictMode>
301 );
302 } else {

sanguineCyanMastodonmain.tsx3 matches

@mikehiggins•Updated 6 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function calculateTFIDF(text, outputSize = 7) {

reactHonoStarter4 file matches

@notmart•Updated 6 hours ago

FarcasterGallery10 file matches

@moe•Updated 15 hours ago
Hono + React + Tailwind + Farcaster Frame Starter Project
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