Por qué debes dejar de usar jQuery

Actualmente JavaScript puede resolver de manera nativa aquellos problemas que en 2006 llevaron a John Resig a crear jQuery:
• Una forma unificada de acceder al DOM.
• Poder interactuar con datos de un servidor.
• Crear animaciones.

Una librería para dominarlos a todos

”jQuery es utilizado por el 74.0% de todos los sitios web.”.

Anteriormente, cada navegador implementaba JavaScript a su forma, no había un método estándar para acceder al DOM.

Cosas como realizar animaciones en el navegador hoy en día es muy sencillo gracias a CSS, pero antes era muy complicado.

jQuery vino a solucionar estos y muchos más problemas. Funcionaba de forma correcta, pero como todo en la vida, empezó a tener problemas debido a su uso exagerado.

Siendo casi 4 veces más popular que Bootstrap, su uso exagerado ha hecho que muchos desarrolladores opten por primero aprender jQuery en lugar de JavaScript puro, incluso, en algunos casos no diferenciar jQuery de JavaScript.

Hoy en día utilizar jQuery para tu página web trae más desventajas que beneficios:

• Requiere de un motor interno llamado Sizzle cuyo tamaño del archivo llega a los 65kb y superá las 2000 líneas de código.
• Una tarea tan sencilla como seleccionar un elemento del DOM para poder manipularlo llega a ser muy tardada.

Por ejemplo, crea un espacio de trabajo en Codepen, importa la librería de jQuery y ejecuta el siguiente bloque de código:

console.time("jquery test")

const div = $('.target')

console.timeEnd("jquery test")

console.time("vainilla test")

const vainillaDiv = document.querySelector('.target')

console.timeEnd("vainilla test")

En la consola vas a ver que el tiempo que tarda en ejecutarse esta tarea es 4 veces más demorada cuando usamos jQuery. Tal vez decir esto para tiempos menores a 10ms puede sonar exagerado, pero al realizar múltiples animaciones dentro de la página estos tiempos se van incrementando y volverán nuestro sitio bastante lento, incluso pueden llegar a parar todo el navegador.

Ventajas JavaScript puro

• Reutilizas el conocimiento en otros lados de tu aplicación.
• Poder implementar soluciones sin depender de una librería.
• Tener mayor capacitación para las grandes empresas.
• Poder probar tu código en la consola de cualquier navegador o a través de tu consola con Node.
• Si se trata de un proyecto chico, probablemente no valga la pena obligar al usuario a descargar 93kb de librería para ahorrar 20 líneas de código.

Con la especificación ECMAScript, hoy en día JavaScript tiene un soporte muy similar en diferentes navegadores. La mayoría de navegadores soporta todas las características necesarias para una página web promedio, ya para fines más experimentales navegadores como Safari, Opera o el viejo Internet Explorer te van a representar problemas. Puedes revisar en Can I Use el soporte de características.

Si todavía usas jQuery para todos tus proyectos y no conoces sobre querySelector, fetch o creación de templates con JavaScript puro, no te preocupes, nunca es tarde para empezar a aprender. En el Curso de jQuery a JavaScript(https://platzi.com/cursos/javascript-practico/) aprenderás a NO depender de ninguna librería para crear sitios web con resultados profesionales y tiempos de carga mucho mejores. ¿Qué esperas para dejar de depender de jQuery?

#NuncaParesDeAprender