htmx - high power tools for HTML
(htmx.org)- 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 : 웹소켓 연결
ㅤ→ hx-sse : Server Sent Events 받기
ㅤ→ hx-push-url : 브라우저 히스토리에 저장
- htmx.logger 로 모든 이벤트 로깅 가능
- 확장 : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools