htmx — мощные инструменты для работы с HTML

OleStep OleStep 10 Мая 2022

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

Мне показалось это интересным.

https://htmx.org/

2 Ответа

  1. Evg Evg 10 Мая 2022

    Да, это интересно! Как раз читать собрался, теперь есть что…

  1. 4xpro 4xpro 20 Июня (ред.)

    Отличный инструмент для тех, кто против client side rendering, и кому важно обеспечить graceful degradation при выключенном JavaScript. Недавно начал использовать HTMX в одном из своих проектов, и вполне доволен.