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=161&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 12524 results for "react"(2636ms)

e-comm-testCartItem.jsx4 matches

@charleswebmaster•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { renderToString } from "npm:react-dom@18.2.0/server";
3
4import { useState } from "react";
5import { Button, Card, Form } from "react-bootstrap";
6import { api } from "../api";
7

statusstatus2 matches

@root•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { sqlite } from "https://esm.town/v/std/sqlite?v=6";
3import { parseProject } from "https://esm.town/v/std/utils/index.ts";
4import { html } from "https://esm.town/v/stevekrouse/html";
5import { renderToString } from "npm:react-dom@18.2.0/server";
6import config from "./config.json" with { type: "json" };
7import { SparklineSVG } from "./sparklineSVG";

statussparklineSVG1 match

@root•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2export function SparklineSVG({ strokeWidth = 2, data = [], fill = "none", stroke = "black" }) {
3 const padding = 2;

internshipCategoryFilter.tsx3 matches

@brigiallen•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { ToolCategory } from "../../shared/types";
4
8}
9
10const CategoryFilter: React.FC<CategoryFilterProps> = ({
11 selectedCategory,
12 onCategoryChange

internshipToolCard.tsx3 matches

@brigiallen•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { AITool, ToolCategory } from "../../shared/types";
4
51};
52
53const ToolCard: React.FC<ToolCardProps> = ({ tool }) => {
54 return (
55 <div className="tool-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300">

internshipSearchBar.tsx5 matches

@brigiallen•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4interface SearchBarProps {
6}
7
8const SearchBar: React.FC<SearchBarProps> = ({ onSearch }) => {
9 const [query, setQuery] = useState("");
10
11 const handleSubmit = (e: React.FormEvent) => {
12 e.preventDefault();
13 onSearch(query);
14 };
15
16 const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
17 setQuery(e.target.value);
18 };

internshipApp.tsx3 matches

@brigiallen•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { AITool, SearchResult, ToolCategory } from "../../shared/types";
4import SearchBar from "./SearchBar";
13}
14
15const App: React.FC = () => {
16 const [tools, setTools] = useState<AITool[]>([]);
17 const [filteredTools, setFilteredTools] = useState<AITool[]>([]);

internshipindex.tsx5 matches

@brigiallen•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import App from "./components/App";
5
12// Render the app
13root.render(
14 <React.StrictMode>
15 <App />
16 </React.StrictMode>
17);

internshipREADME.md1 match

@brigiallen•Updated 1 week ago
44## Technology Stack
45
46- Frontend: React with Tailwind CSS
47- Backend: Hono API framework
48- AI: OpenAI for query understanding and tool recommendations

bestHotelPriceDifferentialHotelMap.tsx2 matches

@mattwd7•Updated 1 week ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useEffect, useRef } from "https://esm.sh/react@18.2.0";
3import { HotelWithDifferential } from "../../shared/types";
4

reactHonoStarter4 file matches

@lightweight•Updated 2 hours ago

reactHonoStarter4 file matches

@std•Updated 4 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