htmx

</> htmx _{инструменты высокой мощности для HTML}

введение

htmx предоставляет вам доступ к AJAX, CSS Переходам, WebSockets и Событиям, отправляемым сервером непосредственно в HTML, используя атрибуты, поэтому вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста

htmx небольшой (~14k min.gz’d), независимый от зависимостей, расширяемый, совместимый с IE11 и уменьшает размер кодовой базы на 67% по сравнению с React

мотивация

Почему только <a> и <form> должны иметь возможность выполнять HTTP-запросы?
Почему только события click и submit должны их запускать?
Почему только методы GET и POST должны быть доступны?
Почему вы должны иметь возможность заменить только весь экран?

Устраняя эти произвольные ограничения, htmx завершает HTML как гипертекст

быстрый старт

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

Атрибуты hx-post и hx-swap на этой кнопке сообщают htmx:

«Когда пользователь нажимает эту кнопку, отправьте AJAX-запрос на /clicked и замените всю кнопку HTML-ответом»

htmx — это преемник intercooler.js

Прочитайте введение в документацию для более углубленного… введения.

книга

Мы рады объявить о выпуске Hypermedia Systems, книги о том, как создавать приложения, управляемые гиперсредой, с использованием htmx и др.:

Разработку htmx можно поддержать через GitHub Sponsors

Спасибо всем нашим щедрым спонсорам, включая:

ʕ •ᴥ•ʔ сделано в Монтане

Licensed under the Zero-Clause BSD License.
https://htmx.org/