htmx를 사용하면 속성을 사용하여 HTML에서 직접 AJAX, CSS 전환, WebSocket 및 서버 전송 이벤트에 액세스 할 수 있으므로 하이퍼 텍스트의 단순성과 강력한 기능으로 최신 사용자 인터페이스를 구축 할 수 있습니다.

https://htmx.org/

https://github.com/bigskysoftware/htmx

htmx는 작고 (~ 9k min.gz'd) 종속성이 없으며 확장 가능하며 IE11과 호환됩니다.

</> htmx-HTML 용 고성능 도구

동기

• 왜 <a>와 <form> 만 HTTP 요청을 할 수 있어야 합니까?
• 클릭 및 제출 이벤트만 실행되어야 하는 이유는 무엇입니까?
• GET & POST 만 사용할 수 있는 이유는 무엇입니까?
• 왜 전체 화면 만 교체 할 수 있어야 합니까?

이러한 임의의 제약을 제거함으로써 htmx는 HTML을 하이퍼 텍스트로 완성합니다.

빠른 시작 

  <!-- Load from unpkg -->
  <script src="https://unpkg.com/htmx.org@1.0.1"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    Click Me
  </button>

hx-post 및 hx-swap 속성은 htmx에 다음과 같이 알려줍니다.

"사용자가 이 버튼을 클릭하면 / clicked에 AJAX 요청을 보내고 전체 버튼을 응답으로 바꿉니다."

htmx는 intercooler.js의 후속 제품입니다.

더 심층적인 소개를 위해 문서 소개를 읽어보세요.