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/?q=react&page=814&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 8591 results for "react"(2754ms)

Files 8404Projects 181Users 2Docs 4

coralCarpmain.tsx2 matches

@willthereader•Updated 10 months ago
1/** @jsxImportSource https://esm.sh/react */
2import OpenAI from "npm:openai";
3import { renderToString } from "npm:react-dom/server";
4const openai = new OpenAI();
5import { Hono } from "npm:hono@3";

emeraldRaccoonmain.tsx2 matches

@willthereader•Updated 10 months ago
1/** @jsxImportSource https://esm.sh/react */
2import OpenAI from "npm:openai";
3import { renderToString } from "npm:react-dom/server";
4const openai = new OpenAI();
5import { Hono } from "npm:hono@3";

valTownChatGPTmain.tsx2 matches

@willthereader•Updated 10 months ago
1/** @jsxImportSource https://esm.sh/react */
2import OpenAI from "npm:openai";
3import { renderToString } from "npm:react-dom/server";
4const openai = new OpenAI();
5import { Hono } from "npm:hono@3";

translatemain.tsx1 match

@yawnxyz•Updated 10 months ago
33    <script src="https://cdn.tailwindcss.com/"></script>
34    <script type="module">
35        import { html, Component, render } from "https://cdn.cbd.int/htm/preact/standalone.module.js";
36        import { ofetch } from "https://esm.sh/ofetch/dist/index.mjs";
37        import { z } from "https://esm.sh/zod";

honoAlpineHtmxDemomain.tsx1 match

@yawnxyz•Updated 10 months ago
18<head>
19  <meta charset="UTF-8">
20  <title>Reactive Form with Alpine.js</title>
21  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
22  <script defer src="https://unpkg.com/htmx.org"></script>

honoAlpineHtmxDemoREADME.md2 matches

@yawnxyz•Updated 10 months ago
1This example shows how Hono, Alpine, and Htmx can play together.
2- Alpine is great at reactive client-side updates
3- Htmx is great at sending/receiving content from server 
4- These two can be combined for reactive clients plus easy AJAX
5
6Migrated from folder: Experiments/HAT_Stack/honoAlpineHtmxDemo

honoAlpineExamplemain.tsx1 match

@yawnxyz•Updated 10 months ago
18<head>
19  <meta charset="UTF-8">
20  <title>Reactive Form with Alpine.js</title>
21  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
22  <script defer src="https://unpkg.com/htmx.org"></script>

testCodemirrorTsBrowserEmacsmain.tsx2 matches

@saolsen•Updated 10 months ago
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request): Promise<Response> {

sapphireThrushmain.tsx1 match

@iamseeley•Updated 10 months ago
1export default async function handler(req: Request): Promise<Response> {
2                        const resumeDetails = {"basics":{"name":"James Thomas Seeley","label":"Web Developer","image":"","email":"hello@tseeley.com","phone":"","url":"https://tseeley.com","summary":"","location":{"address":"","postalCode":"","city":"","countryCode":"","region":""},"profiles":[{"network":"GitHub","username":"iamseeley","url":""},{"network":"LinkedIn","username":"James Thomas Seeley","url":""}]},"work":[{"name":"Wando","position":"Web Developer","url":"","startDate":"2022","endDate":"present","summary":"","highlights":["Crafted an event management platform with secure authentication and full CRUD capabilities, streamlining client operations","Created an interactive public website to display events and menu items, incorporating a user-friendly interface for online inquiries","Developed a responsive and accessibility-focused website for a law firm, resulting in a 20% increase in client inquiries"]},{"name":"Mindpool","position":"Business Strategy Intern","url":"","startDate":"2022","endDate":"2022","summary":"","highlights":["Built a category defining, business to business growth strategy focused on ESG"]}],"volunteer":[],"education":[{"institution":"Tickle College of Engineering - University of Tennessee, Knoxville","url":"","area":"Computer Science","studyType":"M.S.","startDate":"","endDate":"2025","score":"","courses":[]},{"institution":"Haslam College of Business - University of Tennessee, Knoxville","url":"","area":"Business Administration","studyType":"B.S.","startDate":"","endDate":"2023","score":"cum laude","courses":[]},{"institution":"Danish Institute for Study Abroad","url":"","area":"Innovation and Entrepreneurship in Europe","studyType":"","startDate":"","endDate":"2022","score":"","courses":[]}],"awards":[],"publications":[],"skills":[{"name":"Web Development","level":"","keywords":["HTML5","CSS","Tailwind CSS","React","Next.js","Vite"]},{"name":"Programming","level":"","keywords":["JavaScript","TypeScript","Python","Go"]},{"name":"Tools & Software","level":"","keywords":["Git","Docker","Figma","Adobe Suite","Excel"]}],"languages":[],"interests":[],"references":[],"projects":[{"name":"wando-ui","startDate":"","endDate":"2023","description":"Component collection and CLI application written in TypeScript","highlights":["Designed and implemented composable styles using Tailwind CSS, clsx, and class-variance-authority, enhancing modularity and scalability","Developed a publicly available CLI tool leveraging Node.js for efficient package management and script execution, allowing users to import components easily into their own projects"],"url":"https://github.com/iamseeley/wando-ui"},{"name":"go-forth","startDate":"","endDate":"2023","description":"Static site generator written in Go","highlights":["Engineered a static site generator featuring Markdown-to-HTML conversion, YAML front matter parsing, automated build processes, and efficient content caching, optimizing performance"],"url":"https://github.com/iamseeley/go-forth2.0"}],"certificates":[{"name":"BootDev, JavaScript, Python, Algorithms","date":"2023","issuer":"","url":""},{"name":"SuperHi, Foundation, HTML, CSS + Javascript","date":"2022","issuer":"","url":""}]};
3                        return new Response(JSON.stringify(resumeDetails), {
4                            headers: { "Content-Type": "application/json" },

valTownChatGPTmain.tsx2 matches

@xuybin•Updated 10 months ago
1/** @jsxImportSource https://esm.sh/react */
2import OpenAI from "npm:openai";
3import { renderToString } from "npm:react-dom/server";
4
5// This uses by personal API key, you'll need to provide your own if

Projects

View all 181 projects

vt-discord4 file matches

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

diceRollerUI1 file match

@dcm31•Updated 2 days ago
A web-based dice roller using React on Val Town

Users

View all 2 users
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

Documentation

View all 4 documentation results