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=425&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 4495 results for "react"(627ms)

allTheFrontendBackendPatternshttp3 matches

@maxm•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, { useState } from "https://esm.sh/react@18.2.0";
4
5function Counter() {

allTheFrontendBackendPatternsfrontend.ts4 matches

@maxm•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
5function App() {
8 <div>
9 <style>{`body { font-family: sans-serif; }`}</style>
10 <h1>React Component!</h1>
11 <p>You clicked {count} times</p>
12 <button onClick={() => setCount(count + 1)}>

charmainesStatussparklineSVG1 match

@charmaine•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2export function SparklineSVG({ strokeWidth = 2, data = [], fill = "none", stroke = "black" }) {
3 const padding = 2;

allTheFrontendBackendPatternshttpReact2 matches

@maxm•Updated 2 months ago
1/** @jsxImportSource npm:react */
2import { renderToString } from "npm:react-dom/server";
3export default async function(req: Request): Promise<Response> {
4 return new Response(

logmeinmw2 matches

@maxm•Updated 2 months ago
1/** @jsxImportSource npm:react */
2import { extractProjectValInfo } from "https://esm.town/v/maxm/extractProjectValInfo";
3import { renderToString } from "npm:react-dom/server";
4import { type Config, DB } from "./db";
5import { getSessionKey, setSession } from "./sessionCookie";
status

statussparklineSVG1 match

@stevekrouse•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2export function SparklineSVG({ strokeWidth = 2, data = [], fill = "none", stroke = "black" }) {
3 const padding = 2;

mileiShowGraphmain.tsx4 matches

@nulo•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useState } from "https://esm.sh/react@18.2.0?deps=react-dom@18.2.0";
3// x
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0"; //
5import {
6 CartesianGrid,
12 XAxis,
13 YAxis,
14} from "https://esm.sh/recharts@2.15.1?deps=react@18.2.0,react-dom@18.2.0";
15
16function App({ tweetData }) {

reactRouter7entry.client.tsx5 matches

@charmaine•Updated 2 months ago
1import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
2import { RouterProvider } from "https://esm.sh/react-router@7.1.3/dom?deps=react@18.2.0,react-dom@18.2.0";
3import { createBrowserRouter } from "https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0";
4import { StrictMode } from "https://esm.sh/react@18.2.0";
5import routes from "./routes/index.ts";
6
10});
11
12hydrateRoot(document, React.createElement(RouterProvider, { router: router }));
13
14console.log("ladededa testing pull requests");

tidyLimeRoundwormmain.tsx4 matches

@stevekrouse•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useState } from "https://esm.sh/react@18.2.0?deps=react-dom@18.2.0";
3// x
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0"; //
5import {
6 CartesianGrid,
12 XAxis,
13 YAxis,
14} from "https://esm.sh/recharts@2.7.2?deps=react@18.2.0,react-dom@18.2.0";
15
16function App({ tweetData }) {

brightSalmonHoverflymain.tsx4 matches

@maxm•Updated 2 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useState } from "https://esm.sh/react@18.2.0?deps=react-dom@18.2.0";
3// x
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0"; //
5import {
6 CartesianGrid,
12 XAxis,
13 YAxis,
14} from "https://esm.sh/recharts@2.7.2?deps=react@18.2.0,react-dom@18.2.0";
15
16function App({ tweetData }) {

react-router-starter-remix-13 file matches

@jxnblk•Updated 1 day ago

reactHonoStarter4 file matches

@stfnsr•Updated 2 days ago