Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@19 */
2import React from "https://esm.sh/react@19";
3import {
4  RootRoute,
7  createRouter,
8  RouterProvider,
9} from "https://esm.sh/@tanstack/react-router@^1.121.0?deps=react@19";
10import {
11  QueryClient,
12  QueryClientProvider,
13} from "https://esm.sh/@tanstack/react-query@^5.0.0?deps=react@19";
14import { App } from "./components/App.tsx";
15
59
60// Register the router for TypeScript
61declare module "@tanstack/react-router" {
62  interface Register {
63    router: typeof router;

1# React + TanStack + Hono Val Town Project
2
3Full-stack message board built for Val Town.
11
12### Frontend
13- React 19
14- TanStack Router (code-first routing)
15- TanStack Query (server state management)
31│   ├── database/     # Drizzle schema, migrations, and queries
32│   └── index.ts      # Main Hono application
33├── frontend/         # React app running in browser
34│   ├── components/   # React components
35│   ├── lib/          # Utilities and hooks
36│   └── router.tsx    # TanStack Router configuration
40## API Endpoints
41
42- `GET /` - Serves the React application with initial data
43- `GET /api/messages` - Fetch all messages (JSON)
44- `POST /api/messages` - Create a new message