htmx - des outils très puissants pour HTML
(htmx.org)-
Une bibliothèque qui permet d'utiliser directement AJAX, WebSockets, etc. dans HTML
-
7 kb, sans dépendances, compatible IE11 et extensible
-
Successeur de intercooler.js
-
Définit le comportement en ajoutant des attributs à tous les éléments
→ hx-trigger : déclenchement sur click, change, submit, mouseenter. Peut être configuré pour ne s'exécuter qu'une seule fois avec once. Permet aussi de définir un délai avec delay:100ms
→ hx-post, hx-get, etc. : appelle des requêtes HTTP POST/GET/PUT/PATCH/DELETE
→ hx-target : spécifie l'élément qui recevra le résultat de la requête
→ hx-swap : spécifie la manière de remplacer le résultat de la requête. innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend
→ hx-ws : connexion WebSocket
→ hx-sse : réception de Server-Sent Events
→ hx-push-url : enregistre dans l'historique du navigateur
-
Tous les événements peuvent être journalisés avec htmx.logger
-
Extensions : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools
1 commentaires
Ils ont supprimé la dépendance à jQuery de la version précédente, intercooler.js, et ont aussi rendu l’organisation des balises plus propre.