Простая, гибкая и эффективная
htmx предоставляет доступ к AJAX, CSS-переходам, веб-сокетам и событиям, отправляемым сервером, непосредственно в HTML, используя атрибуты, так что вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста.
htmx мал (~16 кБ min.js.gz), не имеет зависимостей, расширяем и сократил размер кодовой базы на 67% по сравнению с React.
- Почему только
<a>
и<form>
могут делать HTTP-запросы? - Почему только события
click
иsubmit
должны их вызывать? - Почему доступны только методы
GET
иPOST
? - Почему вы можете заменять только весь экран?
Убирая эти ограничения, htmx делает HTML полноценным гипертекстом.
<script src="https://unpkg.com/htmx.org@2.0.4"></script><!-- позвольте кнопке отправлять клик с помощью AJAX --><button hx-post="/clicked" hx-swap="outerHTML"> Нажми меня</button>
Атрибуты hx-post
и hx-swap
на этой кнопке говорят htmx:
Когда пользователь нажимает на эту кнопку, выполни AJAX-запрос к
/clicked
и замени всю кнопку на HTML-ответ.
htmx является преемником intercooler.js.
Ознакомьтесь с более подробным введением.
Если вам нужна поддержка IE, вы можете использовать версию 1.x, которая будет поддерживаться вечно.