Выпущен htmx 2 - следующая большая вещь?

htmx, похоже, подкрался к нам, программистам, - возможно, потому, что мы программисты. Является ли он следующей большой вещью и может ли он стать убийцей JavaScript?

Некоторое время на фронте веб-разработки было тихо - или мне так кажется. После переосмысления HTML и JavaScript в виде HTML 5 (помните такой?) и ECMAScript 6 ничего особенного не произошло. Кажется, мы тяготели к фреймворкам более высокого уровня, таким как React или Angular, но теперь у нас есть что-то новое, и похоже, что HTML может заменить JavaScript.

Идея htmx заключается в том, что, расширяя возможности тегов, разметка может делать то, что раньше требовало бы Ajax и JavaScript. Основная идея заключается в том, чтобы распространить функцию тега якоря на другие теги. Тег anchor позволяет указать URL, который загружается и отображает HTML, если пользователь нажимает на него. Обобщение заключается в том, чтобы позволить любому тегу загружать любую

и встраивать его в страницу в ответ на какое-либо событие.

Для примера:

<button hx-get="https://myWebsite/myList"
hx-target="#result">
Load Data
</button>
<div id="result"></div>

Это создает кнопку, которая при нажатии загружает myList и добавляет его HTML в элемент с id result, то есть в div. Когда вы видите это, все становится очевидным, и вы должны сказать: "Почему я не подумал об этом раньше". Конечно, за кулисами происходит лишь вызов Ajax и некий JavaScript вставляет полученный HTML в указанный тег - но никакого JavaScript писать не нужно.

Как говорится на сайте htmx:

• Теперь любой элемент, а не только якоря и формы, может отправить HTTP-запрос
• Теперь любое событие, а не только щелчки или отправка формы, может вызвать запрос
• Теперь можно использовать любой HTTP-глагол, а не только GET и POST
• Теперь любой элемент, а не только все окно, может быть целью для обновления запросом.

Это кажется хорошей идеей, но что не очевидно, пока вы не начнете работать с ней, так это то, как многого она может достичь без дополнительного JavaScript. Его легко понять и, следовательно, быстро освоить, и вы быстро увидите, как сделать то, что в противном случае потребовало бы использования кода.

Своими корнями htmx уходит в intercooler.js, фронтенд-библиотеку, созданную Карсоном Гроссом в 2013 году. Теперь у нас есть версия 2, первое обновление с 2020 года, и хорошая новость, я полагаю, заключается в том, что в ней нет серьезных изменений. Пожалуй, главная новость заключается в том, что она больше не поддерживает Internet Explorer, и это кажется разумным. Также была проведена серьезная реорганизация расширений в их собственные репозитории, но старые расширения все еще доступны. Потенциально серьезное изменение касается атрибута hx-on, который был значительно упрощен.

Вы можете задаться вопросом, может ли это быть HTML 6, и Карсон Гросс прокомментировал это в ветке Hacker News в ответ на вопрос, может ли htmx быть встроен в браузер:

Да, есть, Алекс Петрос, сопровождающий htmx, выступил на Big Sky Dev Con с докладом о кратчайшем пути к htmx-подобной функциональности в HTML здесь: https://www.youtube.com/watch?v=inRB6ull5WQ.

Мы обсуждаем эти идеи с разработчиками chrome, я настроен осторожно оптимистично.

Конечно, мы все предпочли бы, чтобы это не было расширением только для Chrome, но то, что попадает в Chrome, часто становится частью стандарта, по очевидным причинам.

Является ли это убийцей JavaScript?

Скорее всего, нет, поскольку для того, чтобы убить любую ранее принятую технологию, нужно очень много, а на данный момент это технология JavaScript. Ответ может быть другим, если эта идея будет принята в качестве базового атрибута HTML.

Является ли это убийцей фреймворков?

Возможно. Дело в том, что на изучение фреймворка требуется время, а они постоянно меняются. Если ваши требования просты, то зачем вам фреймворк. HTML и htmx плюс немного JavaScript-клея - вот и все, что вам нужно.

Наконец, я должен упомянуть, что идея htmx тесно связана с идеей превращения HTML в настоящий гипертекстовый язык. В хайку на сайте это выражено как нельзя лучше:

Усталость от javascript:
тоска по гипертексту
уже в руках