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%22Optional%20title%22?q=react&page=857&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 9789 results for "react"(1396ms)

smoothLavenderPanthermain.tsx2 matches

@polqb2000•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 **/
2import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
3
4const handleClick = () => {

projectTweetGallerymain.tsx3 matches

@manyone•Updated 5 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";
4
5const TWEET_IDS = [

interview_practicemain.tsx5 matches

@spinningideas•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import {
3 MoonIcon,
4 SunIcon,
5 XCircleIcon,
6} from "https://esm.sh/@heroicons/react/24/solid?deps=react@18.2.0&react-dom@18.2.0";
7import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
8import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
9
10interface InterviewItem {
75 };
76
77 const handleSubmit = async (e: React.FormEvent) => {
78 e.preventDefault();
79

webpage_summarizermain.tsx6 matches

@spinningideas•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { ClipboardDocumentCheckIcon } from "https://esm.sh/@heroicons/react/24/outline";
3import { ClipboardIcon, MoonIcon, SunIcon, XMarkIcon } from "https://esm.sh/@heroicons/react/24/solid";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6
7function App() {
81 }, [isDarkMode]);
82
83 const handleSubmit = async (e: React.FormEvent) => {
84 e.preventDefault();
85 setIsLoading(true);

reflective_qamain.tsx5 matches

@spinningideas•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import {
3 MicrophoneIcon,
6 SunIcon,
7 XCircleIcon,
8} from "https://esm.sh/@heroicons/react/24/solid?deps=react@18.2.0&react-dom@18.2.0";
9import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
10import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
11
12function App() {
138 };
139
140 const handleSubmit = async (e: React.FormEvent) => {
141 e.preventDefault();
142 setIsLoading(true);

LandscapeLightingToolmain.tsx3 matches

@chet•Updated 5 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
5const insulationThickness = {

pioneeringAzurePenguinmain.tsx3 matches

@saadstore•Updated 5 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
5const mockVideos = [

mdxmain.tsx3 matches

@pomdtr•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/preact **/
2
3import { modifyFetchHandler } from "https://esm.town/v/andreterron/codeOnValTown?v=50";
6import { gfm } from "https://esm.town/v/pomdtr/gfm";
7import { compile } from "npm:@mdx-js/mdx";
8import { render } from "npm:preact-render-to-string";
9import remarkFrontmatter from "npm:remark-frontmatter";
10import remarkMdxFrontmatter from "npm:remark-mdx-frontmatter";
30 const { readme } = await api(`/v1/alias/${author}/${name}`);
31 const vfile = await compile(readme, {
32 jsxImportSource: "https://esm.sh/preact",
33 remarkPlugins: [remarkFrontmatter, remarkMdxFrontmatter],
34 });

reflective_qamain.tsx5 matches

@stevekrouse•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import {
3 MicrophoneIcon,
6 SunIcon,
7 XCircleIcon,
8} from "https://esm.sh/@heroicons/react/24/solid?deps=react@18.2.0&react-dom@18.2.0";
9import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
10import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
11
12function App() {
138 };
139
140 const handleSubmit = async (e: React.FormEvent) => {
141 e.preventDefault();
142 setIsLoading(true);

GameAwards2024PredictionGamemain.tsx3 matches

@bmitchinson•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {

StarterPackFeeds10 file matches

@moe•Updated 10 hours ago
Hono + React + Tailwind + Farcaster Mini App Starter Project

new_website

@wolf•Updated 16 hours ago
Starter template with client-side React & Hono server
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