# Выпущен htmx 4.0 с Native Fetch API Transport, идиоморфной заменой DOM и наследованием с ограниченной областью

Source: TechNewsList (https://technewslist.com)
Canonical URL: https://technewslist.com/ru/article/htmx-4-0-released-with-native-fetch-and-idiomorph-2026-09-20-night-ru
Section: Software (https://technewslist.com/ru/software)
Author: TechNewsList
Language: ru
Published: 2026-09-20T17:58:03.907+00:00
Updated: 2026-09-20T17:58:04.09479+00:00

> Основная команда htmx выпускает htmx 4.0, заменяя устаревший XMLHttpRequest API-интерфейсом Fetch и потоками, объединяя изначальное морфирование идиоморфов и обеспечивая принудительное наследование структурированных атрибутов.

## TL;DR
- Сообщество разработчиков htmx выпустило версию 4.0, ознаменовав первую полную переработку транспорта библиотеки с момента ее дебюта в 2020 году.
- Обновление заменяет устаревший XMLHttpRequest современным API-интерфейсом Fetch, обеспечивая прогрессивную потоковую передачу обновлений HTML.
- Морфинг идиоморфов теперь включен непосредственно в основную библиотеку, сохраняя фокус, позиции прокрутки и состояния формы при переключении.
- Наследование атрибутов с заданной областью решает давние проблемы каскадирования в сложных макетах вложенных компонентов.

## Key points
- Ведущий архитектор Карсон Гросс подтвердил, что отказ от устаревших полифилов браузера уменьшил размер минимизированной базовой библиотеки всего до 11 килобайт.
- Поддержка встроенного API-интерфейса Fetch позволяет разработчикам обрабатывать события, отправленные сервером, и фрагментированную потоковую передачу HTTP/2 напрямую через стандартные атрибуты htmx.
- Алгоритм морфинга идиоморфов предотвращает сбои при вводе, позволяя пользователям вводить текст в поля формы во время рендеринга частичных обновлений HTML.
- Переработанный конвейер событий обеспечивает синхронные перехватчики жизненного цикла для пользовательского взаимодействия с JavaScript без внесения исправлений.
- Данные опроса сообщества показывают, что более 25 процентов производственных веб-приложений Django, Laravel и Go используют Htmx в производстве.

## Что произошло

20 сентября 2026 года компания Big Sky Software и разработчики htmx с открытым исходным кодом объявили об общедоступной версии htmx 4.0, последней основной версии влиятельной библиотеки веб-разработки на базе гипермедиа. Спустя четыре года после того, как библиотека популяризировала реактивные веб-архитектуры, управляемые сервером, в качестве альтернативы JavaScript-фреймворкам сложных одностраничных приложений (SPA), htmx 4.0 представляет собой наиболее значительную внутреннюю модернизацию проекта на сегодняшний день.

Центральным элементом версии 4.0 является полная перестройка базового сетевого транспортного уровня. По соображениям обратной совместимости предыдущие версии htmx использовали устаревшую спецификацию браузера XMLHttpRequest. В версии 4.0 библиотека полностью перешла на современный стандартный API fetch() и стандарт WHATWG Streams, разблокировав встроенный прогрессивный рендеринг и потоковую передачу обновлений HTML прямо из коробки.

Кроме того, htmx 4.0 официально интегрирует idiomorph — сложный механизм DOM-морфинга, ранее распространявшийся как дополнительное расширение — непосредственно в основной дистрибутив библиотеки, обеспечивая плавную смену морфов, которая по умолчанию сохраняет фокус пользователя, выбор ввода и позиции прокрутки.

![Диаграмма информационной модели гипермедиа, показывающая представления ресурсов и переходы состояний гипермедиа.](https://rkhynbcsbnkkcwgexzwg.supabase.co/storage/v1/object/public/media/api/1789924784682-hfrbnx-htmx-4-0-released-with-native-fetch-and-idiomorph-2026-09-20-night-inside-1-75b0a05fe9.webp)
*Архитектура гипермедиа: обработка ответов API Streaming Fetch упрощает реактивные переходы DOM без различия виртуальных DOM.*

## Почему это важно

За последние пять лет в экосистеме веб-разработки произошел заметный маятниковый поворот в сторону серверных архитектур. В то время как интерфейсные фреймворки, такие как Next.js и Remix, представили сложные абстракции серверных компонентов для управления гидратацией и синхронизацией состояний, htmx продемонстрировал, что простой HTML по сети может обеспечить сопоставимый пользовательский опыт с существенно меньшими когнитивными издержками.

Однако устаревшие технические ограничения в более ранних версиях HTML иногда мешали эргономике разработчиков сложных корпоративных приложений. В частности, базовая замена внешнего HTML-кода может нарушить взаимодействие с пользователем, например, удалить активные позиции курсора в текстовых полях или сбросить воспроизведение аудиоплеера при обновлении родительского контейнера. Поднимая алгоритмы морфинга до первоклассных значений по умолчанию, htmx 4.0 устраняет эту общую проблему, не требуя внешних плагинов.

Более того, отказ от устаревших обходных решений для браузеров позволил основной команде разработчиков активно удалять мертвый код. Размер минифицированного и сжатого пакета htmx 4.0 уменьшился до 11,2 килобайт, что обеспечивает быструю загрузку мобильных страниц и минимальные затраты на выполнение JavaScript даже на маломощных потребительских мобильных устройствах.

## Технические детали

Переписывание собственного API-интерфейса Fetch позволяет htmx 4.0 использовать ответы на фрагментированную передачу HTTP и события, отправленные сервером (SSE), используя унифицированный потоковый конвейер. Разработчики могут аннотировать элементы с помощью `hx-swap="morph:stream"`, чтобы постепенно применять входящие фрагменты HTML по мере их поступления с внутренних серверов приложений, что значительно сокращает воспринимаемое время первой отрисовки контента для ресурсоемких запросов к базе данных.

Idiomorph работает, анализируя входящие фрагменты HTML в отдельный виртуальный фрагмент DOM, а затем выполняя алгоритм согласования двунаправленного дерева с живым деревом документа. Вместо того, чтобы уничтожать и заменять узлы DOM, idiomorph проверяет существующие идентификаторы узлов, сохраняя привязки прослушивателей событий, входные значения формы и состояния анимации CSS при переходах.

![Жизненный цикл среды выполнения браузера. Устранение устаревшей задолженности XMLHttpRequest снижает накладные расходы на выполнение клиента в современных веб-приложениях.](https://rkhynbcsbnkkcwgexzwg.supabase.co/storage/v1/object/public/media/api/1789924786449-ry3jzd-htmx-4-0-released-with-native-fetch-and-idiomorph-2026-09-20-night-inside-2-5d6ab2da8b.webp)
*Жизненный цикл среды выполнения браузера. Устранение устаревшей задолженности XMLHttpRequest снижает накладные расходы на выполнение клиента в современных веб-приложениях.*

Версия 4.0 также вводит структурированную область видимости атрибутов с помощью новой директивы hx-scope. В более ранних версиях такие атрибуты, как hx-target или hx-indicator, наследовались по всему поддереву, если не были явно переопределены, что иногда вызывало непредвиденные побочные эффекты в глубоко вложенных шаблонах компонентов. Новая граница области действия ограничивает наследование строго указанными границами макета.

## Влияние на рынок и отрасль

Выпуск htmx 4.0 усиливает растущее движение разработчиков серверной части, стремящихся создавать современные интерактивные пользовательские интерфейсы без поддержки отдельных, отключенных цепочек инструментов внешнего интерфейса Node.js. Экосистемы фреймворков на Python (Django и FastAPI), PHP (Laravel), Ruby (Rails), Go и Rust стали свидетелями резкого роста внедрения htmx, где разработчики напрямую используют существующие механизмы шаблонов и реляционные базы данных.

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

В то же время основные поставщики интерфейсов черпают вдохновение из принципов гипермедиа. Широкий интерес к htmx подтолкнул разработчиков React, Vue и Angular к оптимизации своих собственных возможностей потоковой передачи на стороне сервера и прогрессивных улучшений, что привело к более широкой отраслевой конвергенции вокруг облегченных веб-стандартов.

## За чем следить дальше

Сообщество htmx отслеживает миграцию экосистемы, поскольку популярные сторонние расширения, включая WebSockets, плагины кэширования на стороне клиента и предзагрузки, обновляются для соответствия новому конвейеру событий 4.0. Разработчики ожидают, что большинство основных расширений сообщества выпустят совместимые обновления в течение следующего месяца.

В документации по обратной совместимости представлена ​​специальная утилита codemod, предназначенная для автоматического сканирования HTML-шаблонов и пометки устаревших атрибутов или шаблонов наследования, требующих настройки.

Разработчики также будут следить за предстоящими реализациями в браузерах предлагаемых спецификаций DOM Parts и Declarative Shadow DOM, которые могут предоставить собственные примитивы на уровне браузера для обмена гипермедиа и еще больше снизить необходимость в абстракциях JavaScript на стороне клиента.

## Источники

- [Анонс Big Sky Software htmx 4.0](https://htmx.org/posts/2026-09-20-htmx-4-0-0-released/)— Официальные примечания к выпуску, в которых излагаются рекомендации по миграции, шаблоны потоковой передачи Fetch API и улучшения производительности алгоритма идиоморфизма.

- [Журнал изменений выпуска GitHub htmx](https://github.com/bigskysoftware/htmx/releases/tag/v4.0.0)— Журнал фиксации релиза репозитория, в котором документируются критические изменения атрибутов, уменьшение размера пакета и рефакторинг конвейера событий.

- [Smashing Magazine Веб-инженерный анализ](https://www.smashingmagazine.com/2026/09/hypermedia-systems-htmx-4-architecture/)— Углубленный обзор архитектуры, сравнивающий модификации потоковой передачи htmx 4.0 с серверными компонентами React 19 и традиционными клиентскими маршрутизаторами.

Mentions: HTML-код, Карсон Гросс, Программное обеспечение Big Sky, ЧТОРГ, W3C

## Sources
- [Анонс Big Sky Software htmx 4.0](https://htmx.org/posts/2026-09-20-htmx-4-0-0-released/)
- [Журнал изменений выпуска GitHub htmx](https://github.com/bigskysoftware/htmx/releases/tag/v4.0.0)
- [Smashing Magazine Веб-инженерный анализ](https://www.smashingmagazine.com/2026/09/hypermedia-systems-htmx-4-architecture/)