Example with client-side React & Hono server
Starter template with client-side React & Hono server
Example with client-side React & Hono server
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0";
4import type { DataRecord, SearchFilters, SearchResult, ApiResponse } from "../shared/types.ts";
5
72 };
73
74 const handleSearch = (e: React.FormEvent) => {
75 e.preventDefault();
76 loadRecords(searchFilters);
77 };
78
79 const handleAddRecord = async (e: React.FormEvent) => {
80 e.preventDefault();
81 setLoading(true);
24โโโ frontend/
25โ โโโ index.html # Web interface
26โ โโโ index.tsx # Frontend React app
27โ โโโ style.css # Styling
28โโโ shared/
Write business logic with ease
Meet the new standard for modern TypeScript development.
Type-safe, reactive, framework-agnostic library to manage your business logic.
Follow me if you learn more about JavaScript | TypeScript | React.js | Next.js | Linux | NixOS | Frontend Developer | https://linktr.ee/officialrajdeepsingh