Versión beta de jQuery v4.0

¡Lanzamiento de la beta de jQuery 4.0.0!

• Se lanzó la versión beta de jQuery 4.0.0. Tras un largo período de desarrollo, incluye correcciones de errores, mejoras de rendimiento y varios cambios importantes.
• Entre los cambios están el fin del soporte para versiones anteriores a IE 11, limpieza de código legado, eliminación de APIs en desuso y el fin del soporte para comportamientos "mágicos" complejos.
• Antes del lanzamiento final, se publicará una guía de actualización, y el plugin jQuery Migrate ayudará con la migración.

Fin del soporte para IE<11

• jQuery 4.0 deja de dar soporte a IE 10 y versiones anteriores. El fin del soporte para IE 11 se implementará de forma gradual en jQuery 5.0.
• También se deja de dar soporte a navegadores antiguos como Edge Legacy, versiones anteriores a iOS 11, versiones anteriores a Firefox 65 y Android Browser.

Eliminación de APIs en desuso

• En esta versión principal se eliminaron funciones que llevaban varias versiones sin usarse. Estas funciones se usaban solo de forma interna o corresponden a capacidades que los navegadores actuales ya soportan de forma nativa.

Eliminación de push, sort, splice

• Se eliminaron los métodos de Array que estaban en el prototipo de jQuery, y ahora se usarán funciones de Array en lugar del prototipo de jQuery.

Cambio en el orden de los eventos focusin y focusout

• Antes, el orden de los eventos focus y blur no coincidía entre navegadores, pero ahora todos los navegadores compatibles con jQuery 4.0 coinciden con el orden habitual. Como esto difiere del orden que jQuery había elegido anteriormente, es un cambio importante.

Se agrega soporte para FormData

• jQuery.ajax ahora soporta datos binarios, incluido FormData. Antes convertía los datos binarios en cadenas, pero ahora los procesa automáticamente.

Eliminación de la promoción automática a JSONP

• Antes, en jQuery.ajax, si se proporcionaban dataType: "json" y un callback, la solicitud se convertía automáticamente en una petición JSONP, pero ahora se prefiere usar CORS en todos los navegadores compatibles.

Migración del código fuente de jQuery a módulos ES

• El código fuente de jQuery fue migrado de AMD a módulos ES, y ahora se usa Rollup para empaquetar jQuery.

Soporte para Trusted Types y CSP

• jQuery 4.0 soporta Trusted Types, lo que permite usar HTML como entrada en métodos de manipulación de jQuery sin violar las directivas de Content Security Policy.

Slim build actualizada

• La slim build de jQuery 4.0.0 es más pequeña al eliminar Deferreds y Callbacks (menos de 20k bytes comprimida).

Descarga

• Los archivos pueden obtenerse a través de jQuery CDN o npm.

Slim build

• Como todos los navegadores compatibles (excepto IE11) soportan Promise de forma nativa, la versión slim excluye los módulos ajax, Deferreds y Callbacks.

Agradecimientos

• Se expresa agradecimiento a todas las personas que participaron en esta versión.

Cuenta de Mastodon

• jQuery ahora tiene una cuenta de Mastodon y planea publicar al mismo tiempo en Twitter y Mastodon.

Registro de cambios

• El registro de cambios completo se proporciona junto con los cambios principales.

Opinión de GN⁺:

• El lanzamiento de la beta de jQuery 4.0.0 es una noticia importante para los desarrolladores web, y especialmente el fin del soporte para versiones anteriores a IE 11 y la migración a módulos ES son cambios clave alineados con los estándares modernos del desarrollo web.
• Las nuevas funciones y mejoras de rendimiento contribuirán a aumentar la eficiencia de las aplicaciones web, y la reducción de la slim build será útil para proyectos sensibles al rendimiento de carga.
• La apertura de una cuenta de Mastodon por parte de jQuery refleja la diversidad de las redes sociales y es un movimiento positivo para ampliar los canales de comunicación con la comunidad de desarrolladores.

[GN⁺]

Comentarios de Hacker News

• Sobre la importancia continua de jQuery

  • WordPress representa más de un tercio de la web, y muchas instalaciones y plugins dependen en gran medida de jQuery.
  • jQuery sigue teniendo amplio soporte como un conjunto de herramientas estable para selección del DOM, manipulación de atributos, solicitudes Ajax, manejo de eventos, animaciones y funciones utilitarias generales.
  • Existen funciones nativas que pueden reemplazar a jQuery, pero no ofrecen una API tan fluida como la de jQuery.
  • Para trabajos que necesitan pequeñas mejoras sobre HTML renderizado del lado del servidor, pero no requieren un framework completo de UI en JS, jQuery ofrece una compatibilidad entre navegadores estable y confiable.

• Sobre desarrollar una versión alternativa personal de jQuery

  • Después de esperar jQuery 4.0 durante mucho tiempo, al final creó su propio jQuery. Las diferencias principales incluyen animaciones con CSS, uso de elementos o listas transparentes, scripts inline, funcionamiento independiente y un solo archivo sin dependencias de menos de 340 líneas.

• Curiosidad sobre el estado actual del desarrollo de jQuery

  • Mientras muchos desarrolladores intentan eliminar jQuery, surge la duda de quién sigue desarrollando activamente usándolo.
  • La mayoría de las funciones de jQuery ya vienen integradas de forma nativa hoy en día, y querySelectorAll es una de las más potentes.

• Experiencia desarrollando una plataforma low-code con jQuery

  • Construyó con jQuery un editor drag-and-drop para una plataforma low-code. Esto incluye el editor, todos los controles (es decir, componentes de UI) y el código generado también es jQuery puro.
  • A menudo ejecutivos de grandes empresas preguntan por qué no usan React/Angular, pero les da gusto saber que jQuery sigue siendo relevante.

• Expresión de aprecio por jQuery

  • Expresa agradecimiento y cariño hacia el equipo de jQuery, y enfatiza que jQuery es simple y efectivo para sacar el trabajo adelante.

• Experiencia pasada usando jQuery

  • Comparte una experiencia pasada en la que discutió con un líder técnico si debían agregar jQuery a un proyecto.
  • El líder argumentaba que el tamaño de la librería afectaría el tiempo de carga de la página, pero al final no logró escribir código que soportara llamadas Ajax en varios navegadores y terminaron agregando jQuery al proyecto.

• Confusión sobre usar jQuery en 2024

  • Expresa confusión y curiosidad sobre por qué usar jQuery en 2024, ahora que los navegadores soportan mejor la selección del DOM.

• Recuerdo de la experiencia inicial al adoptar jQuery

  • Recuerda que cuando jQuery salió por primera vez, hizo una presentación interna para convencer a sus colegas.

• Nostalgia por herramientas relacionadas con jQuery

  • Recuerda con cariño haber usado herramientas relacionadas con jQuery como DataTables y X-editable.