jessquery : l’alternative (ultra) légère à jQuery pour manipuler le DOM avec facilité

Voilà, si vous en avez marre de jQuery et de son poids considérable, mais que vous adorez quand même sa syntaxe pour manipuler le DOM, j’ai ce qu’il vous faut ! Aujourd’hui, on va parler de jessquery, une petite bibliothèque JavaScript qui vous permettra de faire (presque) tout ce que vous faites avec jQuery, mais en beaucoup plus léger. 💪

jessquery : une alternative de poids plume à jQuery

Commençons par les chiffres, parce que c’est vraiment là que jessquery brille. En version GZippée, cette bibliothèque ne pèse que

3,76 ko

, contre

31,7 ko pour jQuery

. Une fois décompressée, jessquery reste ultra-light avec seulement 8,82 ko, tandis que jQuery culmine à 88,3 ko. Vous l’avez compris, jessquery est une véritable alternative légère à jQuery, idéale pour les projets web où la performance est cruciale.

Mais jessquery, ce n’est pas qu’une question de poids plume. C’est aussi (et surtout) une bibliothèque conçue pour vous faciliter la manipulation du DOM de manière élégante et concise, tout en restant compatible avec TypeScript pour un développement plus robuste.

43 méthodes personnalisées pour manipuler le DOM

Au programme, pas moins de 43 méthodes personnalisées pour interagir avec les éléments du DOM. Que ce soit pour sélectionner, créer, modifier ou supprimer des éléments, jessquery vous offre un éventail complet d’outils pour travailler efficacement avec le HTML et le CSS de vos pages web.

Et pour ceux qui aiment coder dans un environnement bien rangé, jessquery gère également les tâches asynchrones et exécute les opérations sur le DOM dans un ordre bien défini. Vous pourrez même personnaliser les erreurs à votre guise (pour les dev un peu barrés qui aiment se compliquer la vie).

Installer jessquery : un jeu d’enfant

Pfiou, après toutes ces belles promesses, vous devez avoir hâte d’essayer jessquery. Eh bien, rassurez-vous, son installation est un véritable jeu d’enfant. Que vous utilisiez npm, pnpm, Yarn ou Bun, il vous suffira d’une simple ligne de commande pour l’ajouter à votre projet :

npm install jessquery# oupnpm install jessquery# ou yarn add jessquery# ou encorebun install jessquery

Si vous préférez plutôt l’appeler via un CDN, c’est aussi possible, mais vous perdrez alors les annotations JSDoc (dommage pour la doc, mais au moins, ça fera des lignes de code en moins !).

Différences syntaxiques avec jQuery

Bon, avant de vous lancer tête baissée dans l’utilisation de jessquery, il est important de noter quelques différences syntaxiques avec jQuery. Même si les principes de base restent les mêmes, certains aspects peuvent être assez éloignés de ce que vous connaissez avec la bibliothèque vénérable.

Par exemple, chaque appel à $() ou $$() ne représente pas nécessairement l’élément que vous manipulez, à cause de la concaténation des méthodes. Avec jessquery, tout est considéré comme un proxy, ce qui vous permet d’utiliser l’API DOM lorsqu’une méthode n’est pas disponible. Ainsi, si vous oubliez d’utiliser .css et que vous tapez .style après $() , votre code fonctionnera quand même (pratique pour les jours de grosse fatigue !).

jessquery ou jQuery : lequel choisir ?

Au final, le choix entre jessquery et jQuery dépendra principalement de vos besoins en termes de performances et de taille de fichier. Si vous travaillez sur des projets web légers où la rapidité de chargement est cruciale, jessquery est certainement une excellente option à considérer.

En revanche, si vous avez besoin de toutes les fonctionnalités avancées de jQuery, ou si vous êtes déjà très à l’aise avec sa syntaxe, il peut être préférable de rester fidèle à cette bibliothèque éprouvée (même si elle fait un peu grossir vos pages web).

Dans tous les cas, n’hésitez pas à tester jessquery sur quelques projets pour vous faire votre propre idée. Qui sait, vous pourriez bien être séduit par sa légèreté et sa simplicité d’utilisation, tout en gardant une syntaxe familière pour travailler avec le DOM.