3 points par xguru 2020-05-29 | 1 commentaires | Partager sur WhatsApp
  • 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

 
xguru 2020-05-29

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.