https://github.com/iolo/hx
Minimal Proof of Concept implementation of HTMX
https://github.com/iolo/hx
Last synced: 4 months ago
JSON representation
Minimal Proof of Concept implementation of HTMX
- Host: GitHub
- URL: https://github.com/iolo/hx
- Owner: iolo
- License: mit
- Created: 2024-12-19T01:17:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-30T00:44:48.000Z (over 1 year ago)
- Last Synced: 2025-10-19T13:37:28.823Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
hx
==
> Make **HyperText** great again!
Minimal Proof of Concept implementation of [HTMX](https://htmx.org/).
## Getting Started
1. Prepare HTML files
(The following files are already located in the `sample/getting-started` directory.)
* `get.html` : partial page for GET request
```html
GET response
```
* `post.html` : partial page for POST request
```html
POST response
```
* `index.html` : initial full page
```html
POST
```
2. Start the server
```
$ npx serve ./samples/getting-started
```
3. Open the browser
```
$ open http://localhost:3000
```
Open the `Web Insepector` » `Network` and reload page and then see what happens.
That's all folks!
## Features
### DONE
* Core Attributes
- `hx-trigger`, `hx-get`, `hx-post`, `hx-put`, `hx-delete`, `hx-patch`, `hx-target`, `hx-select`, `hx-swap`
### TODO
* Essential custom events for JavaScript
### DON'T
* [Syntatic sugar](https://en.wikipedia.org/wiki/Syntactic_sugar) for visual effects and timings that can be done with CSS and JavaScript
## More Examples
* TODO: Java + Spring Boot + Thymeleaf
* TODO: Nodejs + Expressjs + EJS
* TODO: Python + Django + Jinja2
* TODO: use with [React](https://react.dev/) CSR
* TODO: use with [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components/)
## References
- [HTMX](https://htmx.org/)
- [Build Modern Webapp with Clasic Web Skills - HTMX](https://www.slideshare.net/slideshow/htmx-2024/274315966)(Korean)
---
May the **SOURCE** be with you...