htmx - leistungsstarke Werkzeuge für HTML

<p>- Eine Bibliothek, mit der sich AJAX, WebSockets usw. direkt in HTML verwenden lassen<br /> - 7 KB, keine Abhängigkeiten, mit IE11 kompatibel und erweiterbar<br /> - Nachfolger von intercooler.js <br /> - Verhalten wird durch das Hinzufügen von Attributen zu allen Elementen festgelegt<br /> → `hx-trigger` : Trigger für `click`, `change`, `submit`, `mouseenter`. Mit `once` kann festgelegt werden, dass es nur einmal ausgeführt wird. Mit `delay:100ms` lässt sich auch eine Verzögerung einstellen<br /> → `hx-post`, `hx-get` usw. : Aufruf von HTTP-Requests per POST/GET/PUT/PATCH/DELETE <br /> → `hx-target` : Gibt das Element an, an das das Anfrageergebnis gesendet wird<br /> → `hx-swap` : Legt fest, wie das Anfrageergebnis ersetzt wird. `innerHTML`, `outerHTML`, `afterbegin`, `beforebegin`, `beforeend`, `afterend` <br /> → `hx-ws` : WebSocket-Verbindung<br /> → `hx-sse` : Empfangen von Server-Sent Events <br /> → `hx-push-url` : Speichern im Browser-Verlauf<br /> - Mit `htmx.logger` lassen sich alle Events protokollieren <br /> - Erweiterungen : `json-enc`, `morphdom-swap`, `client-side-templates`, `path-deps`, `class-tools` </p>

[xguru]

<p>Die jQuery-Abhängigkeit der vorherigen Version, intercooler.js, wurde entfernt, und die Tags wurden sauberer aufgeräumt.<br /> <br /> </p>