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=142&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 16325 results for "react"(4243ms)

task_manager_appnew-file-3563.tsx2 matches

@SalahSoussou•Updated 5 days ago
1import React, { useState } from 'react';
2import './TaskManager.css';
3
8}
9
10const TaskManager: React.FC = () => {
11 const [tasks, setTasks] = useState<Task[]>([]);
12 const [inputValue, setInputValue] = useState('');

Abiod_20main.tsx2 matches

@Abiod_20•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

linkInBioTemplatemain.tsx2 matches

@joyciekinss•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

exceltrainernew-file-8669.tsx1 match

@nduru•Updated 5 days ago
1import { useState } from "npm:react";
2
3type Lesson = {

valentinemain.tsx3 matches

@LindiweMas•Updated 5 days 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
5const NO_PHRASES = [

linkInBioTemplatemain.tsx2 matches

@Abiod_20•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

linkInBioTemplatemain.tsx2 matches

@Roszie2119•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

untitled-4618index.tsx4 matches

@Mo5•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';
3import { createRoot } from 'https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0';
4import App from './components/App.tsx';
5
8
9if (rootElement) {
10 // Create React root and render the app
11 const root = createRoot(rootElement);
12 root.render(<App />);

untitled-4618App.tsx2 matches

@Mo5•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from 'https://esm.sh/react@18.2.0';
3import YogaSection from './YogaSection.tsx';
4import ChatRoom from './ChatRoom.tsx';

untitled-4618ChatRoom.tsx4 matches

@Mo5•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useRef } from 'https://esm.sh/react@18.2.0';
3import type { ChatMessage } from '../../shared/types.ts';
4
88 };
89
90 const handleLogin = (e: React.FormEvent) => {
91 e.preventDefault();
92 const trimmedUsername = username.trim();
96 };
97
98 const handleSendMessage = async (e: React.FormEvent) => {
99 e.preventDefault();
100 const trimmedMessage = newMessage.trim();

reactHonoStarter4 file matches

@halfstack•Updated 1 day ago

MiniAppStarter10 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