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=664&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 8585 results for "react"(1540ms)

gentleMagentaLizardmain.tsx2 matches

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

quoteExtractormain.tsx3 matches

@dh1011•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5// Define an interface for quote extraction results

seamlessAquamarineAntlionmain.tsx6 matches

@vesty91•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3// Comment exporter ce projet vers GitHub :
16// Note : Assurez-vous d'avoir Git installé sur votre machine et d'être connecté à votre compte GitHub.
17
18import React, { useState, createContext, useContext, lazy, Suspense } from "https://esm.sh/react@18.2.0";
19import ReactDOM from "https://esm.sh/react-dom@18.2.0";
20import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
21import { Container, Navbar, Nav, Button, Row, Col, Card, Form, Accordion, Badge, Carousel } from "https://esm.sh/react-bootstrap@2.7.4?deps=react@18.2.0,react-dom@18.2.0";
22import { BrowserRouter as Router, Route, Routes, Link } from "https://esm.sh/react-router-dom@6.11.2?deps=react@18.2.0,react-dom@18.2.0";
23
24const LanguageContext = createContext();

sensitiveCoralGorillamain.tsx6 matches

@vesty91•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3// Comment exporter ce projet vers GitHub :
16// Note : Assurez-vous d'avoir Git installé sur votre machine et d'être connecté à votre compte GitHub.
17
18import React, { useState, createContext, useContext, lazy, Suspense } from "https://esm.sh/react@18.2.0";
19import ReactDOM from "https://esm.sh/react-dom@18.2.0";
20import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
21import { Container, Navbar, Nav, Button, Row, Col, Card, Form, Accordion, Badge, Carousel } from "https://esm.sh/react-bootstrap@2.7.4?deps=react@18.2.0,react-dom@18.2.0";
22import { BrowserRouter as Router, Route, Routes, Link } from "https://esm.sh/react-router-dom@6.11.2?deps=react@18.2.0,react-dom@18.2.0";
23
24const LanguageContext = createContext();

accomplishedPeachWildebeestmain.tsx6 matches

@vesty91•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3// Comment exporter ce projet vers GitHub :
16// Note : Assurez-vous d'avoir Git installé sur votre machine et d'être connecté à votre compte GitHub.
17
18import React, { useState, createContext, useContext, lazy, Suspense } from "https://esm.sh/react@18.2.0";
19import ReactDOM from "https://esm.sh/react-dom@18.2.0";
20import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
21import { Container, Navbar, Nav, Button, Row, Col, Card, Form, Accordion, Badge, Carousel } from "https://esm.sh/react-bootstrap@2.7.4?deps=react@18.2.0,react-dom@18.2.0";
22import { BrowserRouter as Router, Route, Routes, Link } from "https://esm.sh/react-router-dom@6.11.2?deps=react@18.2.0,react-dom@18.2.0";
23
24const LanguageContext = createContext();

studiousChocolateCanidaemain.tsx6 matches

@vesty91•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3// Comment exporter ce projet vers GitHub :
16// Note : Assurez-vous d'avoir Git installé sur votre machine et d'être connecté à votre compte GitHub.
17
18import React, { useState, createContext, useContext, lazy, Suspense } from "https://esm.sh/react@18.2.0";
19import ReactDOM from "https://esm.sh/react-dom@18.2.0";
20import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
21import { Container, Navbar, Nav, Button, Row, Col, Card, Form, Accordion, Badge, Carousel } from "https://esm.sh/react-bootstrap@2.7.4?deps=react@18.2.0,react-dom@18.2.0";
22import { BrowserRouter as Router, Route, Routes, Link } from "https://esm.sh/react-router-dom@6.11.2?deps=react@18.2.0,react-dom@18.2.0";
23
24const LanguageContext = createContext();

cerebras_codermain.tsx10 matches

@ninadxc•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
7
33}: {
34 prompt: string;
35 setPrompt: React.Dispatch<React.SetStateAction<string>>;
36 handleSubmit: (e: React.FormEvent) => void;
37 handleStarterPromptClick: (promptItem: PromptItem) => void;
38}) {
122
123function App() {
124 const previewRef = React.useRef<HTMLDivElement>(null);
125 const [prompt, setPrompt] = useState("");
126 const [projectId, setProjectId] = useState<number | null>(null);
180 }
181
182 async function handleSubmit(e: React.FormEvent | string) {
183 if (typeof e !== "string") {
184 e.preventDefault();
679 </div>
680 <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
681 <React.Fragment key={iframeKey}>
682 <iframe
683 srcDoc={code}
685 className="w-full grow"
686 />
687 </React.Fragment>
688 </div>
689 </div>

pioneeringAzureChickadeemain.tsx6 matches

@vesty91•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3// Comment exporter ce projet vers GitHub :
16// Note : Assurez-vous d'avoir Git installé sur votre machine et d'être connecté à votre compte GitHub.
17
18import React, { useState, createContext, useContext, lazy, Suspense } from "https://esm.sh/react@18.2.0";
19import ReactDOM from "https://esm.sh/react-dom@18.2.0";
20import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
21import { Container, Navbar, Nav, Button, Row, Col, Card, Form, Accordion, Badge, Carousel } from "https://esm.sh/react-bootstrap@2.7.4?deps=react@18.2.0,react-dom@18.2.0";
22import { BrowserRouter as Router, Route, Routes, Link } from "https://esm.sh/react-router-dom@6.11.2?deps=react@18.2.0,react-dom@18.2.0";
23
24const LanguageContext = createContext();

geminichatmain.tsx7 matches

@arfan•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { vscDarkPlus } from "https://esm.sh/react-syntax-highlighter@15.5.0/dist/esm/styles/prism?deps=react@18.2.0";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter@15.5.0?deps=react@18.2.0";
5import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
6
7// ==============================================================================
287
288// ==============================================================================
289// SECTION 4: REACT COMPONENTS
290// ==============================================================================
291
345 {role === "user" ? "You" : role === "assistant" ? "Gemini" : "System"}:
346 </strong>{" "}
347 {formatMessage(content).map((part, index) => React.isValidElement(part) ? part : <span key={index}>{part}</span>)}
348 {debug && (
349 <div className="debug-info">

neatChocolateLynxmain.tsx6 matches

@vesty91•Updated 3 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, lazy, Suspense } from "https://esm.sh/react@18.2.0";
3import ReactDOM from "https://esm.sh/react-dom@18.2.0";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
5import { Container, Navbar, Nav, Button, Row, Col, Card, Form, Accordion, Badge, Carousel } from "https://esm.sh/react-bootstrap@2.7.4?deps=react@18.2.0,react-dom@18.2.0";
6import { BrowserRouter as Router, Route, Routes, Link } from "https://esm.sh/react-router-dom@6.11.2?deps=react@18.2.0,react-dom@18.2.0";
7
8function Navigation() {

vt-discord4 file matches

@boucher•Updated 1 day ago
Starter template with client-side React & Hono server

diceRollerUI1 file match

@dcm31•Updated 1 day ago
A web-based dice roller using React on Val Town
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