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/$2?q=react&page=53&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 16362 results for "react"(1198ms)

markdownBlogStarterindex.tsx4 matches

@cosmopaoloโ€ขUpdated 3 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import Markdown from "https://esm.sh/react-markdown@9?deps=react@18.2.0";
3import { listFiles, readFile } from "https://esm.town/v/std/utils@85-main/index.ts";
4import { renderToString } from "npm:react-dom@18.2.0/server";
5import { Layout } from "./Layout.tsx";
6
44}
45
46function html(children: React.ReactNode) {
47 return new Response(
48 renderToString(
Holifant-Links

Holifant-Linksmain.tsx2 matches

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

Glancerform.tsx2 matches

@lightweightโ€ขUpdated 3 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4export function FormContent({ data, content }) {

Glanceriframe.tsx1 match

@lightweightโ€ขUpdated 3 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export function IframeContent({ data, content }) {

fotmobREADME.md1 match

@cemugur70โ€ขUpdated 3 days ago
22โ”‚ โ”œโ”€โ”€ index.html # Main application interface
23โ”‚ โ”œโ”€โ”€ components/
24โ”‚ โ”‚ โ”œโ”€โ”€ App.tsx # Main React component
25โ”‚ โ”‚ โ””โ”€โ”€ AnalysisTable.tsx # Results display
26โ”‚ โ””โ”€โ”€ style.css # Application styles

thirdTimerassets.tsx1 match

@nbbaierโ€ขUpdated 3 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3export type ToastTypes =

thirdTimerActionButtons.tsx1 match

@nbbaierโ€ขUpdated 3 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import type { TimerState } from "../../shared/types.ts";
3import { Button } from "./Button.tsx";

CinetwaContact.tsx5 matches

@eddie_walkโ€ขUpdated 4 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4interface ContactProps {
6}
7
8const Contact: React.FC<ContactProps> = ({ onNavigate }) => {
9 const [formData, setFormData] = useState({
10 name: '',
16 const [submitMessage, setSubmitMessage] = useState('');
17
18 const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
19 const { name, value } = e.target;
20 setFormData(prev => ({
24 };
25
26 const handleSubmit = async (e: React.FormEvent) => {
27 e.preventDefault();
28 setIsSubmitting(true);

CinetwaGetInvolved.tsx5 matches

@eddie_walkโ€ขUpdated 4 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import type { ContactForm } from "../../../shared/types.ts";
4
7}
8
9const GetInvolved: React.FC<GetInvolvedProps> = ({ onNavigate }) => {
10 const [formData, setFormData] = useState<ContactForm>({
11 name: '',
18 const [submitMessage, setSubmitMessage] = useState('');
19
20 const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
21 const { name, value } = e.target;
22 setFormData(prev => ({
26 };
27
28 const handleSubmit = async (e: React.FormEvent) => {
29 e.preventDefault();
30 setIsSubmitting(true);

CinetwaEvents.tsx3 matches

@eddie_walkโ€ขUpdated 4 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import type { Event } from "../../../shared/types.ts";
4
7}
8
9const Events: React.FC<EventsProps> = ({ onNavigate }) => {
10 const upcomingEvents: Event[] = [
11 {

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