Version bêta de jQuery v4.0

Sortie de la bêta de jQuery 4.0.0 !

• La version bêta de jQuery 4.0.0 a été publiée. Après une longue période de développement, elle inclut des corrections de bugs, des améliorations de performances et plusieurs changements importants.
• Elle abandonne la prise en charge des versions antérieures à IE 11, nettoie du code legacy, supprime des API inutilisées et met fin à la prise en charge de certains comportements « magiques » complexes.
• Un guide de mise à niveau sera publié avant la sortie finale, et le plugin jQuery Migrate aidera à la migration.

Fin de la prise en charge de IE<11

• jQuery 4.0 arrête la prise en charge des versions antérieures à IE 11. L’abandon de la prise en charge de IE 11 lui-même se fera progressivement avec jQuery 5.0.
• La prise en charge d’anciens navigateurs comme Edge Legacy, iOS antérieur à 11, Firefox antérieur à 65 et Android Browser est également abandonnée.

Suppression des API non utilisées

• Des fonctions qui n’étaient plus utilisées depuis plusieurs versions ont été supprimées dans cette release majeure. Ces fonctions n’étaient utilisées qu’en interne ou correspondent à des fonctionnalités désormais prises en charge nativement par les navigateurs actuels.

Suppression de push, sort, splice

• Les méthodes Array présentes sur le prototype de jQuery ont été supprimées, et les fonctions Array sont désormais utilisées à la place du prototype jQuery.

Changement de l’ordre des événements focusin et focusout

• L’ordre des événements focus et blur n’était pas cohérent entre les navigateurs, mais tous les navigateurs pris en charge par jQuery 4.0 s’accordent désormais sur l’ordre standard. Comme cela diffère de l’ordre précédemment choisi par jQuery, il s’agit d’un changement majeur.

Ajout de la prise en charge de FormData

• jQuery.ajax prend désormais en charge les données binaires, y compris FormData. Auparavant, les données binaires étaient converties en chaînes de caractères, mais elles sont maintenant traitées automatiquement.

Suppression de la promotion automatique en JSONP

• Auparavant, dans jQuery.ajax, lorsqu’on utilisait dataType: "json" avec un callback, la requête était automatiquement convertie en requête JSONP. Désormais, l’usage de CORS est privilégié sur tous les navigateurs pris en charge.

Migration du code source de jQuery vers les modules ES

• Le code source de jQuery a été migré de AMD vers les modules ES, et jQuery est maintenant packagé avec Rollup.

Prise en charge de Trusted Types et CSP

• jQuery 4.0 prend en charge Trusted Types, ce qui permet d’utiliser du HTML comme entrée des méthodes de manipulation de jQuery sans enfreindre les directives de Content Security Policy.

Slim build mise à jour

• La slim build de jQuery 4.0.0 est plus légère grâce à la suppression de Deferreds et Callbacks (moins de 20 kB une fois minifiée).

Téléchargement

• Les fichiers peuvent être obtenus via le CDN de jQuery ou npm.

Slim build

• Comme tous les navigateurs pris en charge (à l’exception de IE11) prennent en charge Promise nativement, la version slim exclut les modules ajax, Deferreds et Callbacks.

Remerciements

• Des remerciements sont adressés à toutes les personnes ayant participé à cette release.

Compte Mastodon

• jQuery dispose désormais d’un compte Mastodon et publiera simultanément sur Twitter et Mastodon.

Changelog

• Le changelog complet est fourni avec les principaux changements.

GN⁺ avis :

• La sortie de la version bêta de jQuery 4.0.0 est une information importante pour les développeurs web, en particulier avec l’abandon de la prise en charge des versions antérieures à IE 11 et la migration vers les modules ES, deux évolutions majeures alignées sur les standards modernes du développement web.
• Les nouvelles fonctionnalités et les améliorations de performances devraient contribuer à accroître l’efficacité des applications web, tandis que la réduction de la slim build sera utile pour les projets sensibles aux performances de chargement.
• L’ouverture d’un compte Mastodon par jQuery reflète la diversification des réseaux sociaux et constitue une évolution positive pour élargir les canaux de communication avec la communauté des développeurs.

[GN⁺]

Avis Hacker News

• Sur l’importance durable de jQuery

  • WordPress représente plus d’un tiers du web, et de nombreuses installations ainsi que des plugins dépendent fortement de jQuery.
  • jQuery bénéficie d’un large support en tant qu’ensemble d’outils stable pour la sélection du DOM, la manipulation des attributs, les requêtes Ajax, la gestion des événements, les animations et les fonctions utilitaires générales.
  • Il existe des fonctionnalités natives pouvant remplacer jQuery, mais aucune n’offre une API aussi fluide.
  • Pour les tâches qui nécessitent quelques améliorations par-dessus du HTML côté serveur, sans avoir besoin d’un framework UI JavaScript complet, jQuery offre une compatibilité cross-browser stable et fiable.

• À propos du développement d’une alternative personnelle à jQuery

  • Après avoir longtemps attendu jQuery 4.0, il a fini par créer son propre jQuery. Les principales différences incluent des animations basées sur le CSS, l’utilisation d’éléments ou de listes transparents, des scripts inline, un fonctionnement autonome, et un fichier unique sans dépendances de moins de 340 lignes.

• Curiosité sur l’état actuel du développement de jQuery

  • Alors que beaucoup de développeurs essaient de supprimer jQuery, il s’interroge sur ceux qui développent encore activement en l’utilisant.
  • La plupart des fonctionnalités de jQuery sont désormais intégrées nativement, et querySelectorAll est l’une des plus puissantes.

• Expérience de développement d’une plateforme low-code avec jQuery

  • Il a construit avec jQuery l’éditeur drag-and-drop d’une plateforme low-code. Cela inclut l’éditeur, tous les contrôles (c’est-à-dire les composants UI), et le code généré lui-même est également en pur jQuery.
  • Les dirigeants de grandes entreprises demandent souvent pourquoi ne pas utiliser React/Angular, etc., mais il est heureux de constater que jQuery reste pertinent.

• Expression d’affection pour jQuery

  • Il exprime sa gratitude et son affection envers l’équipe jQuery, en soulignant que jQuery est simple et efficace pour mener le travail à bien.

• Partage d’une expérience passée avec jQuery

  • Il raconte qu’il s’était autrefois disputé avec un lead technique pour savoir s’il fallait ajouter jQuery à un projet.
  • Le lead affirmait que la taille de la bibliothèque alourdirait le temps de chargement de la page, mais il a finalement échoué à écrire du code prenant en charge les appels Ajax sur différents navigateurs et a ajouté jQuery au projet.

• Confusion autour de l’usage de jQuery en 2024

  • Il exprime sa confusion et sa curiosité quant aux raisons d’utiliser jQuery en 2024, alors que les navigateurs prennent mieux en charge la sélection du DOM.

• Souvenir des débuts de l’adoption de jQuery

  • Il se remémore avoir fait une présentation interne pour convaincre ses collègues lorsque jQuery est sorti pour la première fois.

• Nostalgie autour des outils liés à jQuery

  • Il évoque avec affection ses souvenirs d’utilisation d’outils liés à jQuery comme DataTables et X-editable.