htmx - HTMLのための高機能ツール

• HTML 内で AJAX や WebSockets などを直接使えるようにするライブラリ

• 7kb、依存関係なし、IE11 対応かつ拡張可能

• intercooler.js の後継

• すべての要素に属性を追加して動作を指定

→ hx-trigger : click、change、submit、mouseenter でトリガー。once によって一度だけ実行するよう設定可能。delay:100ms で遅延も設定

→ hx-post、hx-get など : POST/GET/PUT/PATCH/DELETE HTTP Request を呼び出し

→ hx-target : リクエスト結果を送る要素を指定

→ hx-swap : リクエスト結果を置き換える方法を指定。innerHTML、outerHTML、afterbegin、beforebegin、beforeend、afterend

→ hx-ws : WebSocket 接続

→ hx-sse : Server Sent Events を受信

→ hx-push-url : ブラウザ履歴に保存

• htmx.logger ですべてのイベントをログ記録可能

• 拡張 : json-enc、morphdom-swap、client-side-templates、path-deps、class-tools

[xguru]

以前のバージョンである intercooler.js の jQuery 依存性を取り除き、タグもよりすっきり整理しましたね。