• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
stevekrouse

stevekrouse

reactHonoExample

Example with client-side React & Hono server
Public
Like
7
reactHonoExample
Home
Code
4
backend
3
frontend
6
shared
2
README.md
Branches
3
Pull requests
Remixes
22
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
frontend
/
README.md
Code
/
frontend
/
README.md
Search
2/25/2025
Viewing readonly version of main branch: v209
View latest version
README.md

Frontend

This template is a classic client-side-only React app.

index.html

The entrypoint is /frontend/index.html, which is served from /backend/index.ts. This HTML file ensures that it is mobile-responsive and sets the page's title.

It imports /frontend/style.css from /public/style.css and /frontend/favicon.svg from /frontend/favicon.svg. Everything in /frontend/ is mapped to /public by /backend/index.ts. This is just a convention. You could import & serve everything out of the same folder name.

This HTML file has a <div id="root"></div>, which is where we mount the React app.

This HTML file imports /frontend/index.tsx from /public/index.tsx, which is the entrypoint for all frontend JavaScript, including all the React.

index.tsx

FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.