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=50&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 17548 results for "react"(4980ms)

ved_1README.md4 matches

@vedantb•Updated 5 days ago
1# React Hono Starter
2
3This app is a starter template for client-side React and server-side Hono.
4
5## Getting started
13- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)
14 - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)
15 - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).
16
17So if you wanted to get a sense of how this app comes together, we suggest reading the files in this order:
21## Further resources
22
23- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.

ved_1index.tsx2 matches

@vedantb•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 { App } from "./components/App.tsx";
4

ved_1index.html1 match

@vedantb•Updated 5 days ago
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>React Hono Val Town Starter</title>
7 <link rel="stylesheet" href="/frontend/style.css">
8 <link rel="icon" href="/frontend/favicon.svg" type="image/svg+xml">

ved_1App.tsx3 matches

@vedantb•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4export function App() {
6 return (
7 <div>
8 <h1>Val Town React + Hono Starter</h1>
9 I've been clicked <button onClick={() => setClicked((c) => c + 1)}>{clicked}</button> times
10 </div>

reactHonoStarterREADME.md4 matches

@vedantb•Updated 5 days ago
1# React Hono Starter
2
3This app is a starter template for client-side React and server-side Hono.
4
5## Getting started
13- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)
14 - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)
15 - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).
16
17So if you wanted to get a sense of how this app comes together, we suggest reading the files in this order:
21## Further resources
22
23- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.

reactHonoStarterindex.tsx2 matches

@vedantb•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 { App } from "./components/App.tsx";
4

reactHonoStarterindex.html1 match

@vedantb•Updated 5 days ago
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>React Hono Val Town Starter</title>
7 <link rel="stylesheet" href="/frontend/style.css">
8 <link rel="icon" href="/frontend/favicon.svg" type="image/svg+xml">

reactHonoStarterApp.tsx3 matches

@vedantb•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4export function App() {
6 return (
7 <div>
8 <h1>Val Town React + Hono Starter</h1>
9 I've been clicked <button onClick={() => setClicked((c) => c + 1)}>{clicked}</button> times
10 </div>

EEPPortalApp.tsx3 matches

@solomonferede•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, { useEffect, useState } from "https://esm.sh/react@18.2.0";
4
5// Import components

EEPPortalDashboardLayout.tsx10 matches

@solomonferede•Updated 5 days ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { ReactNode, useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";
3import { BRAND_COLORS } from "./brandColors.ts";
4import NotificationComponent from "./Notifications.tsx";
12 handleLogout: () => void;
13 handleProfileDetail: () => void;
14 children: ReactNode;
15}
16
17const DashboardLayout: React.FC<DashboardLayoutProps> = ({
18 user,
19 view,
67 }, [isDropdownOpen, isMobileSidebarOpen, isMobile]);
68
69 const sidebarBtnStyle: React.CSSProperties = {
70 backgroundColor: "transparent",
71 color: "white",
83 };
84
85 const topBarButtonStyle: React.CSSProperties = {
86 backgroundColor: BRAND_COLORS.white,
87 color: BRAND_COLORS.darkGreen,
98 };
99
100 const dropdownMenuStyle: React.CSSProperties = {
101 position: "absolute",
102 top: "calc(100% + 5px)",
113 };
114
115 const dropdownItemStyle: React.CSSProperties = {
116 backgroundColor: "transparent",
117 border: "none",
123 };
124
125 const hamburgerStyle: React.CSSProperties = {
126 display: "flex",
127 flexDirection: "column",
134 };
135
136 const hamburgerLineStyle: React.CSSProperties = {
137 height: "3px",
138 width: "100%",

reactHonoStarter3 file matches

@spookyuser•Updated 13 hours ago

reactHonoStarter4 file matches

@n4k0m3•Updated 18 hours ago
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