Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xkeshav/o_ho_no
A hono based repo with learning
https://github.com/xkeshav/o_ho_no
hono honojs jsx react typescript
Last synced: 11 days ago
JSON representation
A hono based repo with learning
- Host: GitHub
- URL: https://github.com/xkeshav/o_ho_no
- Owner: xkeshav
- License: mit
- Created: 2024-03-08T09:58:12.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-06-01T08:30:35.000Z (7 months ago)
- Last Synced: 2024-12-10T11:41:45.611Z (13 days ago)
- Topics: hono, honojs, jsx, react, typescript
- Language: TypeScript
- Homepage: https://xkeshav.github.io/o_ho_no/
- Size: 78.1 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hono Talk
This is related to hono talk to understand basic things about honojs.
## How to start
```sh
npm install
npm run dev
```and this will open [http://localhost:3000](http://localhost:3000)
## Web Page
[https://master.hono-fly.pages.dev/](https://master.hono-fly.pages.dev)
Note: using cloudflare adapter and uploaded from [separate repo](https://github.com/xkeshav/hono-fly)
## Examples
Here are few examples with honojs
### Text response
- endpoint: `/`
- use of `c.text()`### Custom Header
- endpoint: `/welcome`
- use of `c.header()` and `c.body()`### Multiple paths
- endpoint: `/hello` or `/hey` or `/hi`
- multiple path return same page; no redirect logic### JSON response
- endpoint: `/json/list`
- use of `c.json()` and `app.all()` route### HTML response
- endpoint: `/html/element`
- use of `c.html()`### CSS Support
- `/color/`
- `/color/rainbow`
### Path Params
- endpoint: `/color/white`
- add any valid color in place of _white_ as a path params### Query Params
- endpoint: `/color/white?sz=3`
- change font size with query params `sz`### JSX Support
- endpoint: `/alphabet`
- use of reusable component like react## Author
Keshav Mohta | [@xkeshav](https://www.xkeshav.com)