htmx — мощные инструменты для работы с HTML
htmx предоставляет вам доступ к AJAX , переходам CSS , веб- сокетам и событиям , отправленным сервером, непосредственно в HTML с использованием атрибутов , поэтому вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста.
htmx небольшой, расширяемый и совместимый с IE11.
Мотивация
- Почему только
<a>
и<form>
может делать HTTP-запросы? - Почему только
click & submit
события должны запускать их? - Почему должны быть доступны GET & POST методы
- Почему вы должны иметь возможность заменить только весь экран?
- Сняв эти произвольные ограничения, htmx дополняет HTML как гипертекст.
Быстрый старт
<script src="htmx.min.js" defer></script>
<!-- have a button POST a click via AJAX -->
<button hx-post="/clicked" hx-swap="outerHTML">
Назми меня
</button>
Атрибуты hx-postи hx-swapна этой кнопке говорят htmx:
«Когда пользователь нажимает на эту кнопку, отправьте запрос AJAX на /clicked и замените всю кнопку ответом в формате HTML»
htmx является преемником intercooler.js
Мне показалось это интересным.
Да, это интересно! Как раз читать собрался, теперь есть что…