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=410&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 4194 results for "react"(1224ms)

reactRouter7about.tsx2 matches

@charmaine•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3import { useLoaderData } from "https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0";
4import type loader from "./about.loader.js";
5

reactRouter7about.loader.ts1 match

@charmaine•Updated 2 months ago
1import { data } from "https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0";
2
3export default async function load() {

dogfoodingmain.tsx3 matches

@stevekrouse•Updated 2 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() {
notUber

notUbernotUber9 matches

@vawogbemi•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import {
3 ClerkProvider,
7 useAuth,
8 useUser,
9} from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0";
10import { id, init, tx } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
11import {
12 IconCar,
16 IconUser,
17 IconUserFilled,
18} from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0,react-dom@18.2.0";
19import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
20import {
21 BrowserRouter as Router,
26 useNavigate,
27 useParams,
28} from "https://esm.sh/react-router-dom?bundle-deps&deps=react@18.2.0";
29import React, { useEffect, useReducer, useState } from "https://esm.sh/react@18.2.0";
30import { Account } from "./notUberAccount";
31import { CLERK_PUBLISHABLE_KEY, INSTANTDB_APP_ID } from "./notUberConsts";
232 label: string,
233 value: string,
234 onChange: (e: React.ChangeEvent<HTMLInputElement>) => void,
235 placeholder?: string,
236 type: "text" | "phone" = "text",
237 ) => {
238 const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {
239 // Only allow + at the start and digits after
240 const input = e.target.value;
notUber

notUbernotUberRide4 matches

@vawogbemi•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { init } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
3import { IconLoader2 } from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
4import React from "https://esm.sh/react@18.2.0";
5import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
6import { MapComponent } from "https://esm.town/v/vawogbemi/notUberMapComponent";
notUber

notUbernotUberHome4 matches

@vawogbemi•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { SignedIn, SignedOut, SignInButton } from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0";
3import { IconCircleFilled, IconSquareFilled } from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5import { AutocompleteInput, MapComponent } from "https://esm.town/v/vawogbemi/notUberMapComponent";
6
notUber

notUbernotUberRides5 matches

@vawogbemi•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { init } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
3import { IconCar, IconCarFilled } from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
4import { useNavigate } from "https://esm.sh/react-router-dom?deps=react@18.2.0";
5import React from "https://esm.sh/react@18.2.0";
6import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
7
notUber

notUbernotUberNew4 matches

@vawogbemi•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { id, init, tx } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
3import {
4 IconCar,
7 IconCircleFilled,
8 IconSquareFilled,
9} from "https://esm.sh/@tabler/icons-react?deps=react@18.2.0";
10import React, { useEffect, useMemo, useState } from "https://esm.sh/react@18.2.0";
11import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
12import { AutocompleteInput, MapComponent } from "https://esm.town/v/vawogbemi/notUberMapComponent";
notUber

notUbernotUberAccount4 matches

@vawogbemi•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useAuth } from "https://esm.sh/@clerk/clerk-react?bundle-deps&deps=react@18.2.0";
3import { init } from "https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0";
4import React from "https://esm.sh/react@18.2.0";
5import { INSTANTDB_APP_ID } from "https://esm.town/v/vawogbemi/notUberConsts";
6

Windsurfprojectcontext13 matches

@toowired•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
4
5// API Documentation
43/**
44 * Main App component
45 * @returns {React.ReactElement}
46 */
47function App() {
113 * CurrentPhase component
114 * @param {{phase: string, onUpdate: Function}} props
115 * @returns {React.ReactElement}
116 */
117function CurrentPhase({ phase, onUpdate }) {
121 /**
122 * Handles form submission
123 * @param {React.FormEvent} e - The form event
124 */
125 const handleSubmit = (e) => {
153 * ActiveBlocks component
154 * @param {{blocks: string[], onUpdate: Function}} props
155 * @returns {React.ReactElement}
156 */
157function ActiveBlocks({ blocks, onUpdate }) {
161 /**
162 * Handles form submission
163 * @param {React.FormEvent} e - The form event
164 */
165 const handleSubmit = (e) => {
211 * TaskList component
212 * @param {{tasks: Task[], onUpdate: Function}} props
213 * @returns {React.ReactElement}
214 */
215function TaskList({ tasks, onUpdate }) {
221 /**
222 * Handles form submission
223 * @param {React.FormEvent} e - The form event
224 */
225 const handleSubmit = (e) => {
339 * StepList component
340 * @param {{steps: Step[], onUpdate: Function}} props
341 * @returns {React.ReactElement}
342 */
343function StepList({ steps, onUpdate }) {
349 /**
350 * Handles form submission
351 * @param {React.FormEvent} e - The form event
352 */
353 const handleSubmit = (e) => {
453 * ChangeList component
454 * @param {{changes: Change[]}} props
455 * @returns {React.ReactElement}
456 */
457function ChangeList({ changes }) {

atProtoLexiconThing4 file matches

@wilhelm•Updated 2 hours ago
Starter template with client-side React & Hono server

reactHonoStarter4 file matches

@stfnsr•Updated 9 hours ago