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/$%7Burl%7D?q=react&page=10&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 17473 results for "react"(2858ms)

personalShopperLocationSearch.tsx3 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3import { LocationSearchProps } from "./types";
4import { Location } from "../../shared/types";
91 id="zip-search"
92 value={zipCode}
93 onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
94 setZipCode(e.target.value)
95 }

personalShopperProductResultsList.tsx2 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useRef, useEffect } from "https://esm.sh/react@18.2.0";
3import { Product, ProductCardProps, ProductCard } from "./ProductCard";
4

personalShopperShoppingListCreator.tsx4 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useRef } from "https://esm.sh/react@18.2.0";
3
4type ShoppingListCreatorProps = {
52 const items = parseItems(value);
53
54 const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
55 setValue(e.target.value);
56 if (onChange) {
61 };
62
63 const handleSelect = (e: React.SyntheticEvent<HTMLTextAreaElement>) => {
64 maybeNotifyCursorLine(e.target as HTMLTextAreaElement);
65 };
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { CurrentLocationIndicatorProps } from "./types";
4

personalShopperNavbar.tsx2 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { NavbarProps } from "./types";
4

personalShopperDashboardCard.tsx2 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { DashboardCardProps } from "./types";
4

personalShopperDashboard.tsx2 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { DashboardProps } from "./types";
4import { Location } from "../../../shared/types";

personalShopperLoginPage.tsx2 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4export function LoginPage(): JSX.Element {

personalShopperProductCard.tsx3 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4/**
85
86 // Handle card click: if quantity is 0, set to 1
87 const handleCardClick = (e: React.MouseEvent<HTMLDivElement>) => {
88 // Prevent click if it originated from a button inside the card
89 if (

personalShopperindex.tsx2 matches

@bgschiller•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0";
3import { LoginPage } from "../ui-kit/src/components/LoginPage.tsx";
4import { Dashboard } from "../ui-kit/src/components/Dashboard.tsx";

reactHonoStarter4 file matches

@anup_d911•Updated 1 day ago

MiniAppStarter11 file matches

@moe•Updated 1 day ago
Hono + React + Tailwind + Farcaster Mini App 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