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/$%7Bart_info.art.src%7D?q=react&page=808&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 9072 results for "react"(6535ms)

rss_feed_ai_analysismain.tsx3 matches

@vip•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";
4import { marked } from "https://esm.sh/marked";
5// Configure marked options

adaptableAmberDonkeymain.tsx16 matches

@Gcoxy•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import * as LucideIcons from "https://esm.sh/lucide-react";
5import QRCode from "https://esm.sh/qrcode";
6import Papa from "https://esm.sh/papaparse";
9
10const Card = {
11 Root: ({ className, children }: { className?: string; children: React.ReactNode }) => (
12 <div className={cn("card", className)}>{children}</div>
13 ),
14 Header: ({ className, children }: { className?: string; children: React.ReactNode }) => (
15 <div className={cn("card-header", className)}>{children}</div>
16 ),
17 Content: ({ className, children }: { className?: string; children: React.ReactNode }) => (
18 <div className={cn("card-content", className)}>{children}</div>
19 ),
21
22const Button = {
23 Root: ({ className, children, onClick, type, icon, description }: { className?: string; children: React.ReactNode; onClick?: () => void; type?: "button" | "submit" | "reset"; icon: React.ReactNode; description: string }) => (
24 <button className={cn("menu-button", className)} onClick={onClick} type={type}>
25 <div className="icon-container">{icon}</div>
175
176const QRCodeComponent = ({ data, size }: { data: { partNumber: string; serialNumber?: string; binLocation: string; description: string }; size: number }) => {
177 const [qrDataUrl, setQrDataUrl] = React.useState<string | null>(null);
178
179 React.useEffect(() => {
180 const generateQR = async () => {
181 try {
241
242function PrintModal({ label, onClose }: { label: LabelResponse['label']; onClose: () => void }) {
243 const printRef = React.useRef<HTMLDivElement>(null);
244
245 const handlePrint = () => {
318
319function CSVUploadPage() {
320 const [file, setFile] = React.useState<File | null>(null);
321 const [uploadStatus, setUploadStatus] = React.useState<string | null>(null);
322 const [uploadedData, setUploadedData] = React.useState<any[] | null>(null);
323
324 const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
325 if (event.target.files) {
326 setFile(event.target.files[0]);
412
413function App() {
414 const [currentPage, setCurrentPage] = React.useState('landing');
415
416 const handleNavigate = (page: string) => {

codecommentermain.tsx6 matches

@JamesAndrew•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import Prism from "https://esm.sh/prismjs@1.29.0";
5import "https://esm.sh/prismjs@1.29.0/components/prism-csharp";
117 <script src="https://esm.town/v/std/catch"></script>
118 <script type="module">
119 import React from "https://esm.sh/react";
120 import { createRoot } from "https://esm.sh/react-dom/client";
121 import { App } from "${import.meta.url}";
122 createRoot(document.getElementById("root")).render(React.createElement(App));
123 </script>
124 </body>

codecommenterREADME.md1 match

@JamesAndrew•Updated 5 months ago
22
23### Frontend:
24- React: For building the user interface
25- Prism.js: For syntax highlighting
26

us_election_color_schememain.tsx3 matches

@metart43•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4// Original color data with full names
128
129// Server-side rendering function with DOCTYPE, viewport meta tag, and rendered HTML
130export const reactExample = (request: Request) =>
131 new Response(
132 `<!DOCTYPE html>

shirtGenmain.tsx3 matches

@torlanco•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5interface PendingGeneration {

obedientHarlequinHedgehogmain.tsx3 matches

@taurusismagic•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const PLATFORMS = [

passionateScarletPrawnmain.tsx3 matches

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

laudableFuchsiaMastodonmain.tsx4 matches

@stevekrouse•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
10 const [imageUrl, setImageUrl] = useState("");
11
12 const handleSubmit = async (e: React.FormEvent) => {
13 e.preventDefault();
14 setIsLoading(true);

giftSuggestionAppmain.tsx5 matches

@trollishka•Updated 5 months ago
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5interface Suggestion {
67 };
68
69 const handleSubmit = async (e: React.FormEvent) => {
70 e.preventDefault();
71 setButtonPressed(true);
80 };
81
82 const handleSelectChange = (setter: React.Dispatch<React.SetStateAction<string[]>>, values: string[]) => {
83 setter(values);
84 setOpenDropdown(null);

vt-discord4 file matches

@boucher•Updated 4 days ago
Starter template with client-side React & Hono server

diceRollerUI1 file match

@dcm31•Updated 4 days ago
A web-based dice roller using React on Val Town
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