# htmx 4.0 lanzado con transporte API de recuperación nativa, intercambio de DOM Idiomorph y herencia con alcance

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

> El equipo central de htmx lanza htmx 4.0, reemplazando el XMLHttpRequest heredado con Fetch API y Streams, agrupando la transformación de idiomorfos de forma nativa y aplicando la herencia de atributos estructurados.

## TL;DR
- La comunidad de desarrollo htmx lanzó la versión 4.0, lo que marca la primera reescritura de transporte completo de la biblioteca desde su debut en 2020.
- La actualización reemplaza el XMLHttpRequest heredado con la moderna Fetch API, lo que permite la transmisión progresiva de actualizaciones HTML.
- La transformación de idiomorfos ahora está incluida directamente en la biblioteca principal, preservando el enfoque, las posiciones de desplazamiento y los estados de formulario en los intercambios.
- La herencia de atributos con alcance resuelve problemas en cascada de larga data en diseños de componentes anidados complejos.

## Key points
- El arquitecto principal, Carson Gross, confirmó que eliminar los polyfills del navegador heredado redujo el tamaño de la biblioteca central minimizada a solo 11 kilobytes.
- La compatibilidad con Native Fetch API permite a los desarrolladores manejar eventos enviados por el servidor y streaming HTTP/2 fragmentado directamente a través de atributos htmx estándar.
- El algoritmo de transformación idiomorfa evita interrupciones en la entrada, lo que permite a los usuarios escribir en los campos del formulario mientras se representan actualizaciones parciales de HTML.
- Una canalización de eventos rediseñada proporciona enlaces de ciclo de vida sincrónicos para la interoperabilidad personalizada de JavaScript sin necesidad de parches.
- Los datos de la encuesta comunitaria indican que más del 25 por ciento de las aplicaciones web de producción Django, Laravel y Go utilizan htmx en producción.

## Qué pasó

El 20 de septiembre de 2026, Big Sky Software y los mantenedores de htmx de código abierto anunciaron la disponibilidad general de htmx 4.0, la última versión principal de la influyente biblioteca de desarrollo web basada en hipermedia. Cuatro años después de que la biblioteca popularizara las arquitecturas web reactivas impulsadas por servidor como una alternativa a los marcos JavaScript complejos de aplicaciones de una sola página (SPA), htmx 4.0 representa la modernización interna más significativa del proyecto hasta la fecha.

La pieza central de la versión 4.0 es una reestructuración completa de la capa de transporte de red subyacente. Por razones de compatibilidad con versiones anteriores, las versiones anteriores de htmx se basaban en la antigua especificación del navegador "XMLHttpRequest". Con la versión 4.0, la biblioteca ha realizado una transición completa a la API `fetch()` estándar moderna y al estándar WHATWG Streams, desbloqueando la renderización progresiva nativa y la transmisión de actualizaciones HTML listas para usar.

Además, htmx 4.0 integra oficialmente idiomorph, un sofisticado motor de transformación DOM previamente distribuido como una extensión opcional, directamente en la distribución central de la biblioteca, proporcionando intercambios de transformación fluidos que preservan el enfoque del usuario, las selecciones de entrada y las posiciones de desplazamiento de forma predeterminada.

![Diagrama del modelo de información hipermedia que muestra representaciones de recursos y transiciones de estado hipermedia.](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)
*Arquitectura hipermedia: el manejo de la respuesta de Streaming Fetch API simplifica las transiciones DOM reactivas sin diferencias de DOM virtual.*

## Por qué importa

En los últimos cinco años, el ecosistema de desarrollo web ha experimentado un notable giro pendular hacia las arquitecturas renderizadas en servidor. Mientras que los marcos frontend como Next.js y Remix introdujeron abstracciones complejas de componentes de servidor para gestionar la hidratación y la sincronización del estado, htmx demostró que HTML simple a través de cable podría ofrecer experiencias de usuario comparables con una sobrecarga cognitiva drásticamente menor.

Sin embargo, las limitaciones técnicas heredadas de versiones anteriores de htmx ocasionalmente obstaculizaban la ergonomía del desarrollador en aplicaciones empresariales sofisticadas. En particular, el intercambio básico de HTML externo podría interrumpir las interacciones del usuario, como borrar las posiciones activas del cursor en los campos de texto o restablecer la reproducción del reproductor de audio al actualizar un contenedor principal. Al elevar los algoritmos de transformación a valores predeterminados de primera clase, htmx 4.0 elimina este punto común de fricción sin necesidad de complementos externos.

Además, la desaprobación de las soluciones alternativas para los navegadores antiguos permitió al equipo central de ingeniería recortar agresivamente el código inactivo. El tamaño del paquete minimizado y comprimido con gzip de htmx 4.0 se ha reducido a sólo 11,2 kilobytes, lo que garantiza cargas rápidas de páginas móviles y presupuestos mínimos de ejecución de JavaScript incluso en dispositivos móviles de consumo de baja potencia.

## Detalles técnicos

La reescritura en torno a la API Fetch nativa permite que htmx 4.0 consuma respuestas de transferencia fragmentadas HTTP y eventos enviados por el servidor (SSE) utilizando una canalización de transmisión unificada. Los desarrolladores pueden anotar elementos con `hx-swap="morph:stream"` para aplicar de forma incremental fragmentos HTML entrantes a medida que llegan desde los servidores de aplicaciones backend, mejorando drásticamente los tiempos percibidos de First Contentful Paint para consultas de bases de datos computacionalmente intensivas.

Idiomorph funciona analizando fragmentos HTML entrantes en un fragmento DOM virtual separado y luego ejecuta un algoritmo de reconciliación de árbol bidireccional contra el árbol de documentos en vivo. En lugar de destruir y reemplazar nodos DOM, idiomorph inspecciona las identidades de los nodos existentes, preservando los enlaces del detector de eventos, los valores de entrada de los formularios y los estados de las animaciones CSS en las transiciones.

![Ciclo de vida del tiempo de ejecución del navegador: la eliminación de la deuda heredada de XMLHttpRequest reduce la sobrecarga de ejecución del cliente en las aplicaciones web modernas.](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)
*Ciclo de vida del tiempo de ejecución del navegador: la eliminación de la deuda heredada de XMLHttpRequest reduce la sobrecarga de ejecución del cliente en las aplicaciones web modernas.*

La versión 4.0 también introduce el alcance de atributos estructurados a través de una nueva directiva "hx-scope". En versiones anteriores, atributos como `hx-target` o `hx-indicator` se heredaban en todo el subárbol a menos que se anularan explícitamente, lo que ocasionalmente causaba efectos secundarios no deseados en plantillas de componentes profundamente anidadas. El nuevo límite de alcance limita la herencia estrictamente a los límites de diseño designados.

## Impacto en el mercado / la industria

El lanzamiento de htmx 4.0 fortalece el creciente movimiento de desarrolladores backend que buscan crear interfaces de usuario modernas e interactivas sin mantener cadenas de herramientas frontend de Node.js separadas y desconectadas. Los ecosistemas de framework en Python (Django y FastAPI), PHP (Laravel), Ruby (Rails), Go y Rust han sido testigos de una creciente adopción de htmx, donde los desarrolladores aprovechan directamente los motores de plantillas y las bases de datos relacionales existentes.

Este cambio ha comenzado a influir en las principales tendencias de contratación empresarial y adquisición de software. Los líderes de tecnología informan ganancias sustanciales de productividad y una menor complejidad de implementación al crear herramientas internas y paneles de control SaaS de empresa a empresa utilizando hipermedia renderizado por servidor en lugar de almacenes estatales de cliente-servidor de varios niveles.

Al mismo tiempo, los principales proveedores de frontend se están inspirando en los principios hipermedia. El interés generalizado en htmx ha empujado a los mantenedores de React, Vue y Angular a optimizar sus propias capacidades de mejora progresiva y transmisión del lado del servidor, lo que lleva a una convergencia más amplia de la industria en torno a estándares web livianos.

## Qué observar ahora

La comunidad htmx está siguiendo la migración del ecosistema a medida que se actualizan extensiones populares de terceros, incluidos WebSockets, almacenamiento en caché del lado del cliente y complementos de precarga, para alinearse con el nuevo canal de eventos 4.0. Los mantenedores esperan que la mayoría de las principales extensiones de la comunidad publiquen actualizaciones compatibles durante el próximo mes.

La documentación de compatibilidad con versiones anteriores proporciona una utilidad codemod dedicada diseñada para escanear automáticamente plantillas HTML y marcar atributos obsoletos o patrones de herencia que requieren ajuste.

Los desarrolladores también monitorearán las próximas implementaciones de navegador de las especificaciones DOM Parts y Declarative Shadow DOM propuestas, que podrían proporcionar primitivas nativas a nivel de navegador para el intercambio de hipermedia y reducir aún más la necesidad de abstracciones de JavaScript del lado del cliente.

## Fuentes

- [Anuncio de Big Sky Software htmx 4.0](https://htmx.org/posts/2026-09-20-htmx-4-0-0-released/)— Notas de la versión oficial que describen las pautas de migración, los patrones de transmisión de Fetch API y las mejoras de rendimiento del algoritmo idiomorfo.

- [Registro de cambios de lanzamiento de GitHub htmx](https://github.com/bigskysoftware/htmx/releases/tag/v4.0.0)— Registro de confirmación de lanzamiento del repositorio que documenta los cambios importantes en los atributos, las reducciones del tamaño del paquete y la refactorización de la canalización de eventos.

- [Análisis de ingeniería web de Smashing Magazine](https://www.smashingmagazine.com/2026/09/hypermedia-systems-htmx-4-architecture/)— Revisión arquitectónica en profundidad que compara las transformaciones de transmisión de htmx 4.0 con los componentes del servidor React 19 y los enrutadores de clientes tradicionales.

Mentions: htmx, Carson Gross, Software de gran cielo, QUÉWG, W3C

## Sources
- [Anuncio de Big Sky Software htmx 4.0](https://htmx.org/posts/2026-09-20-htmx-4-0-0-released/)
- [Registro de cambios de lanzamiento de GitHub htmx](https://github.com/bigskysoftware/htmx/releases/tag/v4.0.0)
- [Análisis de ingeniería web de Smashing Magazine](https://www.smashingmagazine.com/2026/09/hypermedia-systems-htmx-4-architecture/)