Подборка примерно из 500 вопросов и ответов для собеседований по ReactJS: от основ React до Router, Redux, тестирования и React Native.
bigskysoftware/htmx
htmx позволяет отправлять AJAX-запросы, подключаться по WebSocket и получать Server-Sent Events, а затем подменять содержимое страницы прямо из HTML-атрибутов — без собственного JavaScript.
- Звёзды
- 49,579
- Форки
- 1,694
- Открытые issues
- 303
- Последний коммит
- 3 дня назад
Что это?
htmx расширяет HTML: любой элемент может отправлять HTTP-запросы, реагировать на любые события и заменять любую часть страницы ответом сервера. Поведение задаётся атрибутами, например hx-post и hx-swap, поэтому интерактивные интерфейсы можно создавать, оставляя серверу задачу возвращать HTML-фрагменты.
Библиотека компактная, не имеет зависимостей и поддерживает расширение с помощью набора официальных расширений. Она также поддерживает CSS-переходы, подключения по WebSocket и SSE — этого достаточно для распространённых сценариев с обновлением интерфейса в реальном времени без клиентского фреймворка.
htmx — продолжение intercooler.js. Библиотека распространяется как npm-пакет htmx.org или через тег script с CDN.
Ключевые возможности
- 01Отправка AJAX-запросов из любого элемента с помощью атрибутов вроде hx-get и hx-post.
- 02Подмена содержимого в любой части страницы с помощью настраиваемых стратегий подмены.
- 03Запуск запросов по любому событию DOM, а не только по клику и отправке формы.
- 04Поддержка WebSocket и Server-Sent Events непосредственно в HTML.
- 05Компактная библиотека без зависимостей, которую достаточно подключить одним тегом script.
- 06Расширение функциональности с помощью набора официальных расширений.
Сценарии использования
- Добавление интерактивных обновлений — например, редактирования на месте или живого поиска — в веб-приложение с серверным рендерингом.
- Создание панелей мониторинга в реальном времени с обновлениями по WebSocket или SSE.
- Постепенное улучшение существующего многостраничного сайта без переписывания его в одностраничное приложение.
Быстрый старт
- 1
Подключите скрипт htmx с CDN
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.11/dist/htmx.min.js" integrity="sha384-2OatzQy1H+Zd/IIrjr1TcuDGqLXeHhbooAyJY1KdQMKnr4LZ22k31GBLdYKHmVjg" crossorigin="anonymous"></script> - 2
Установите как пакет Node
npm install htmx.org --save
Что важно знать
- В качестве лицензии указано NOASSERTION, поэтому перед использованием проверьте условия лицензии в репозитории.
Темы
Частые вопросы
- Что такое htmx?
- htmx позволяет отправлять AJAX-запросы, подключаться по WebSocket и получать Server-Sent Events, а затем подменять содержимое страницы прямо из HTML-атрибутов — без собственного JavaScript. htmx расширяет HTML: любой элемент может отправлять HTTP-запросы, реагировать на любые события и заменять любую часть страницы ответом сервера. Поведение задаётся атрибутами, например hx-post и hx-swap, поэтому интерактивные интерфейсы можно создавать, оставляя серверу задачу возвращать HTML-фрагменты.
- htmx можно использовать бесплатно? Какая у него лицензия?
- htmx распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- htmx всё ещё поддерживается?
- Активно поддерживается. Последний коммит в htmx — 15 окт. 2026 г..
- Для чего можно использовать htmx?
- Добавление интерактивных обновлений — например, редактирования на месте или живого поиска — в веб-приложение с серверным рендерингом. Создание панелей мониторинга в реальном времени с обновлениями по WebSocket или SSE. Постепенное улучшение существующего многостраничного сайта без переписывания его в одностраничное приложение.
- Как установить htmx?
- Подключите скрипт htmx с CDN: <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.11/dist/htmx.min.js" integrity="sha384-2OatzQy1H+Zd/IIrjr1TcuDGqLXeHhbooAyJY1KdQMKnr4LZ22k31GBLdYKHmVjg" crossorigin="anonymous"></script> Установите как пакет Node: npm install htmx.org --save
- Где скачать htmx?
- Исходный код и инструкции по установке — на GitHub: https://github.com/bigskysoftware/htmx
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Самостоятельно размещаемый командный чат на Cloudflare Workers с перепиской в реальном времени, двусторонней связкой с Telegram и шифрованием на сервере.
Бесплатная библиотека компонентов с открытым исходным кодом: готовые UI-компоненты доступны в виде классов поверх Tailwind CSS.
JavaScript-библиотека для создания интерактивных веб-карт с тайлами, векторными данными и маркерами из любых источников.
Минималистичная библиотека на чистом JavaScript для создания веб-редакторов блок-схем с перетаскиванием и автоматическим выравниванием блоков.
Открытый монорепозиторий с SDK, примерами, стартовыми проектами и плагинами для Builder.io — визуальной платформы разработки для React, Vue, Svelte, Qwik и других фреймворков.