Una librería es un conjunto de funcionalidades que resuelven una tarea específica. Las puedes incluir en un proyecto sin depender de una estructura en particular, es decir, eres libre de usar una, dos o tantas librerías según la necesidad que tengas. Por ejemplo, puedes utilizar una librería solo para animaciones sin necesidad de traerte toda una estructura definida, lo cual es una gran ventaja.
📚 Comencemos entonces con nuestro ¡Top 10 de Librerías de JavaScript!
1. Moment.js
¿Te dan dolor de cabeza las fechas? Moment.js ayuda a trabajar con ellas. Lo que hace es que en vez de decir “publicado el 12 de diciembre del 2019 a las 5:45 p.m.” o milisegundos como lo devuelve JavaScript, Moment.js puede estandarizarlo de una forma más simple y agradable colocando “hace 5 segundos” como lo hacen las redes sociales.
Prueba la librería en: https://momentjs.com
2. Hammer.js
Sí quieres que tu aplicación web tenga una experiencia como si fuera una aplicación móvil, Hammer.js te ayudará a hacer gestos en los elementos del DOM, es decir, detectar los gestos del usuario como si fuera una aplicación móvil pero en una aplicación web solamente.
Prueba la librería en: https://hammerjs.github.io
3. Draggable.js
Aunque HTML5 contiene una API que ayuda a hacer drag and drop, ¡son muchas líneas de código! Draggable.js simplifica mucho hacer esto. Si por ejemplo necesitas hacer una aplicación donde tengas que mover elementos y colocarlos en otro lugar, como en la aplicación Trello o un juego donde el usuario deba mover elementos en la pantalla; esta librería es la que necesitas.
Prueba la librería en: https://shopify.github.io/draggable
4. Axios.js
Esta Librería te ayudará a hacer peticiones HTTP, es decir, peticiones a un endpoint o a una API de forma sencilla con una sola línea de código pasando como parámetro la URL del endpoint.
Prueba la librería en: https://github.com/axios/axios
5. Chart.js
Existen muchas librerías para crear gráficos en JavaScript pero, ¿qué nos hizo escoger Chart js? ¡Es una librería sencilla de utilizar y de las más amigables! Cada vez que necesites dibujar gráficos estadísticos, solo debes enviarle a Chartjs los datos, el tipo de gráfico que deseas y esta librería crea el gráfico e inclusive puedes verlo cambiar en tiempo real.
Prueba la librería en: https://www.chartjs.org/
6. Video.js
Crea tú propio reproductor de video completamente personalizado. Además, contiene una API que permite escribir plugins que funcionan sobre esta librería, es decir, puedes agregar funcionalidades para controlar la velocidad de reproducción, un plugin para agregar subtítulos, etc.
Prueba la librería en: https://videojs.com/
7. Codemirror
Sí necesitas insertar en tu proyecto un editor de código o un lugar para escribir código en el navegador, Codemirror es la librería que necesitas.
Prueba la librería en: https://codemirror.net/
8. Immer
Esta Librería funciona con el concepto de inmutabilidad. Sí quieres estar seguro de no sobre-escribir datos puedes utilizar Immer para que estos datos sean inmutables y siempre te estén devolviendo nuevos datos, es decir, la estructura del dato original se mantiene sin alterar y te devuelve otro dato diferente.
Prueba la librería en: https://immerjs.github.io/immer
9. Ramda
Usa el paradigma de programación funcional de tal manera que tú pasas funciones dentro de funciones para ir transformando y haciendo operaciones comunes en JavaScript. Puedes hacerlo de forma nativa pero Ramda te da una serie de funciones que te permiten hacer operaciones mucho más rápido.
Prueba la librería en: https://ramdajs.com/
10. Redux
Es una de las librerías más usadas en el desarrollo front-end ya que permite mantener un estado de la aplicación. El estado es como la fotografía de un momento de la app, son todos esos cambios que ocurren en la aplicación porque cambian los datos.
En el desarrollo web moderno los componentes tienen su propio estado y comunicar el estado entre ellos es complicado y más aún, mantener el mismo estado cuando el usuario va cambiando de vistas; Redux lo que hace es que cuando el usuario esté realizando cambios, cambiando de vistas, etc; los componentes se comuniquen entre ellos pudiendo mantener un estado global.
Prueba la librería en: https://es.redux.js.org/
¿Quieres ser el mejor en JavaScript? Te invitamos a nuestra especialización de Desarrollo web con JavaScript donde aprenderás desde cero hasta un nivel experto, y donde construirás tu primera Sigle Page Application, además, el primero curso es ¡GRATIS!
Este es nuestro top 10 de Librerías de JavaScript, si quieres saber más aún puedes ver el vídeo TOP 10 DE LIBRERÍAS JAVASCRIPT en nuestro canal de YouTube o ver estas hermosas infografías 😍.
Tú también puedes aprender a crear tus infografías y viralizar tu contenido con el Taller: Diseña infografías que impacten
¿Te ha gustado el top? ¿encontraste alguno que ya usabas? o ¿tienes tu propio Top de librerías? Danos tu opinión y comparte tus librerías en los comentarios 😉.
Nos vemos en un próximo artículo.