htmx - leistungsstarke Werkzeuge für HTML

• Eine Bibliothek, mit der sich AJAX, WebSockets usw. direkt in HTML verwenden lassen

• 7 KB, keine Abhängigkeiten, mit IE11 kompatibel und erweiterbar

• Nachfolger von intercooler.js

• Verhalten wird durch das Hinzufügen von Attributen zu allen Elementen festgelegt

→ 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

→ hx-post, hx-get usw. : Aufruf von HTTP-Requests per POST/GET/PUT/PATCH/DELETE

→ hx-target : Gibt das Element an, an das das Anfrageergebnis gesendet wird

→ hx-swap : Legt fest, wie das Anfrageergebnis ersetzt wird. innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend

→ hx-ws : WebSocket-Verbindung

→ hx-sse : Empfangen von Server-Sent Events

→ hx-push-url : Speichern im Browser-Verlauf

• Mit htmx.logger lassen sich alle Events protokollieren

• Erweiterungen : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools

[xguru]

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