/Knowledge/sources/honojs__hono/llms-full/hono-stacks-with-react--bbc5af3f30bb.md
Hono Stacks: With React - hono-docs
Hono Stacks: With React Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt with react Summary You can cre...
Hono Stacks: With React
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#with-react
Summary
You can create applications on Cloudflare Workers using React. The API server. ```ts // src/index.ts import { Hono } from 'hono' import * as z from 'zod' import { zValidator } from '@hono/zod-validator' const schema = z.object({ id: z.st...
Content
You can create applications on Cloudflare Workers using React.
The API server.
// src/index.ts
import { Hono } from 'hono'
import * as z from 'zod'
import { zValidator } from '@hono/zod-validator'
const schema = z.object({
id: z.string(),
title: z.string(),
})
type Todo = z.infer<typeof schema>
const todos: Todo[] = []
const api = new Hono()
.post('/todo', zValidator('form', schema), (c) => {
const todo = c.req.valid('form')
todos.push(todo)
return c.json({
message: 'created!',
})
})
.get('/todo', (c) => {
return c.json({
todos,
})
})
export type AppType = typeof api
const app = new Hono()
app.route('/api', api)
export default app
The client with React and React Query.
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#with-react",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / Hono Stacks > With React (1)",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 531,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "Hono Stacks: With React",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki