@iolo/hx
v0.0.2
Published
minimal proof-of-concept implementation of HTMX
Downloads
11
Readme
hx
Make HyperText great again!
Minimal Proof of Concept implementation of HTMX.
Getting Started
- Prepare HTML files
(The following files are already located in the
sample/getting-starteddirectory.)
get.html: partial page for GET request
<p><strong>GET response</strong></p>post.html: partial page for POST request
<p><strong>POST response</strong></p>index.html: initial full page
<!doctype html>
<html>
<head>
<script src="hx.js" defer></script>
</head>
<body>
<a hx-get"/get.html" hx-target="#result">GET</a>
<form hx-post="/post.html" hx-target="#result">
<button type="submit">POST</button>
</form>
<div id="result"></div>
</body>
</html>- Start the server
$ npx serve ./samples/getting-started- Open the browser
$ open http://localhost:3000Open 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 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 CSR
- TODO: use with Web Components
References
May the SOURCE be with you...