Todos escribimos mucho código en nuestro día a día. A veces creamos aplicaciones enormes y otras veces nos pasamos el día escribiendo código para funciones sencillas que quizá no tengamos que programar en absoluto. Hay cientos de miles de bibliotecas para todo tipo de casos de uso, y el uso de estos paquetes puede ahorrar mucho tiempo que puedes utilizar para ser más productivo.
1. Lodash
Lodash es una moderna librería de utilidades de JavaScript para realizar tareas rápidamente. Principalmente útil por su amplia gama de funciones de arreglos y objetos, esta biblioteca puede ser útil en casi todos los proyectos.
En lugar de escribir sus propias funciones de matriz, Lodash está obligado a tener algo que pueda necesitar.
2. UUID
UUID es un paquete muy pequeño para generar rápidamente UUIDs (o identificadores universalmente únicos).
En algunas aplicaciones, los IDs auto-incrementados deben ser evitados por razones de seguridad, entre otras. UUID es una forma bien conocida de crear IDs y algunos lenguajes la ofrecen de forma inmediata.
3. Axios
Axios es un paquete que permite al usuario ejecutar fácilmente peticiones HTTP con promesas.
El poder de Axios es su simplicidad - y sigue siendo flexible, ya que puedes añadir todas las opciones que necesites.
4. Passport
Passport es un middleware de autenticación ampliamente utilizado en Express y otras aplicaciones Node.js.
Tiene soporte para todos los tipos principales de autenticación - desde Facebook a OAuth a su propia autenticación. Se puede incluir en una aplicación Express sin mucho problema. Está bien considerado y cuenta con una comunidad de tamaño decente.
s5. Chalk
Esta librería de estilo de terminales destaca entre las demás opciones de esta lista. Se puede utilizar Chalk para estilizar el terminal y añadirle más legibilidad.
Es fácil de leer y configurar. Añadir texto rojo a los errores o verde a los mensajes de éxito puede reducir el tiempo necesario para desplazarse por un terminal completo.
6. Luxon
Luxon es un sencillo y moderno paquete de manipulación de fecha y hora. Tiene muchas de las mismas características que tiene Moment.js, pero usa el objeto Intl más moderno en lugar del objeto Date habitual.
Si necesita manipular la fecha y la hora, Luxon es el camino a seguir. Moderno, preparado para el futuro y fácil de escribir.
7. Nodemon
Nodemon is a tool that helps you develop Node.js-based applications by automatically restarting the application when changes in the folder are detected.
Some libraries such as Next.js come with fast-refresh out of the box, but if it isn’t available, Nodemon is a good alternative.
8. Algolia Places
Algolia Places es una librería JavaScript que te ayudará a autocompletar formularios, y está especializada en direcciones. Incluso puede añadir un mapa a la búsqueda y mostrar la ubicación, lo cual es increíblemente útil. Es maravillosamente preciso y súper rápido, lo que definitivamente aumentará la experiencia del usuario en su sitio.
9. AnimeJs
La animación y las microinteracciones están de moda hoy en día, y anime.js es una biblioteca JavaScript flexible que puede ayudarte a añadir algunos toques de movimiento a tu sitio. Funciona con CSS, transformaciones individuales, SVG, atributos DOM y objetos JavaScript, lo que la hace muy versátil y perfecta para casi cualquier proyecto.
10. Chart.js
Chart.js es una encantadora biblioteca de JavaScript para que los diseñadores y desarrolladores puedan añadir bonitos gráficos a un sitio. Ofrece muchos tipos diferentes de gráficos, además de la capacidad de mezclarlos en un solo espacio para proporcionar un conjunto de datos realmente interesante. También tiene algunas capacidades de animación, lo que instantáneamente hace que los datos sean mucho más divertidos de consumir.
11. Shave
Este plugin de JavaScript le ayudará a truncar el texto dentro de un elemento HTML. Utilizando una altura máxima establecida, Shave trunca el texto restante para que quepa dentro del elemento. La mejor parte, sin embargo, es que almacena el texto extra en un elemento oculto, lo que significa que no se pierde el texto original. Es un cambio de juego. Compruébalo.
12. Cleave.js
¿Ha utilizado alguna vez un campo de formulario que formatee su contenido mientras escribe? Piensa en un campo de número de teléfono, transformando tu 1234567890 en (123) 456-7890. Cleave.js es una biblioteca de JavaScript que puede añadir esa misma funcionalidad a su sitio. Es un concepto súper simple, pero hace que la experiencia del usuario sea maravillosa, y que los datos sean consistentes cuando recibes envíos de formularios.
13. Glimmer
Glimmer es una gran librería que ayuda con los componentes de la UI y el renderizado del DOM. Está construida con Ember CLI y utiliza Git, Node.js, npm y Yarn. Así que si estás buscando una herramienta para generar componentes y ayudantes, ayudar con los diseños de los proyectos, y agilizar tu proceso, echa un vistazo a Glimmer.
14. BIDEO.js
Los vídeos a pantalla completa son excelentes fondos para sitios web, y eso es exactamente para lo que sirve Bideo.js. Esta biblioteca de JavaScript hace que sea muy fácil añadir un fondo de vídeo que se ve bien en todos los tamaños de pantalla y escala muy suavemente. Visita su sitio para ver un gran ejemplo de cómo funciona y para probar cómo se escala con el tamaño de tu ventana.
15. Choreographer-js
Choreographer-js es una sencilla biblioteca de JavaScript para animar CSS. Es fácil de usar, pero realmente puede ayudarte a lograr algunas animaciones CSS geniales y complejas en tu sitio. Echa un vistazo al sitio para ver un ejemplo colorido y para aprender cómo empezar.
16. D3.js
Si eres de los que aman los datos, esta liberia de JavaScript está hecha para ti. D3.js manipula los documentos basándose en su contenido, y luego te ayudará a dar vida a esos datos utilizando HTML, SVG y CSS. Por ejemplo, puede generar tablas HTML o crear gráficos SVG interactivos. Si quieres mostrar algunos datos en tu sitio, esta es la manera de hacerlo. Aprende a usarlo con nuestro tutorial aquí.
17. Multiple.js
Si estás jugando con la creación de interesantes imágenes de fondo, definitivamente deberías echar un vistazo a Multiple.js. Te permite compartir una imagen de fondo a través de múltiples elementos usando CSS, lo que crea un efecto visual realmente interesante. Hay un gran ejemplo en el sitio que te da una idea de algunas posibilidades y de cómo funciona.
18. Granim.js
Alegre su sitio con un colorido gradiente de fondo con la ayuda de Granim.js. Esta pequeña biblioteca de JavaScript es perfecta para añadir gradientes fluidos e interactivos. Pueden ser independientes, cubrir una imagen, vivir bajo una máscara de imagen, ¡básicamente cualquier cosa que puedas soñar! Compruébalo.
19. Polymer Project
Este grupo de herramientas de JavaScript fue creado para ayudarte a construir una web mejor. Incluyendo librerías, herramientas y estándares, puedes encontrar un montón de recursos aquí como componentes web materiales o una librería de plantillas HTML para JavaScript.
20. Popper.JS
Esta biblioteca de JavaScript le ayudará a crear encantadores poppers en su sitio. Si te preguntas qué es un popper, piensa que es como una pequeña burbuja de pensamiento que se desprende de un elemento. Popper.js te ofrece algunas formas fantásticas de organizarlos, hacer que se peguen a los elementos y que funcionen sin problemas en cualquier tamaño de pantalla. Compruébalo.
21. Three.JS
Para cualquier persona interesada en el diseño 3D, Three.js es una biblioteca JavaScript realmente divertida con la que jugar. Puede ayudarte a crear proyectos increíbles y dar vida a tus diseños. ¿Recuerdas ese impresionante sitio de Paper Planes donde podías lanzar aviones de papel con tu teléfono? Three.js ayudó a darle vida. Para ver más proyectos increíbles (o empezar a crear algunos por ti mismo) ve aquí.
Conclusión
Las bibliotecas pueden ayudar mucho cuando se desarrollan grandes aplicaciones. Y aunque a la mayoría de nosotros nos gusta escribir nuestro propio código para las pequeñas tareas, bibliotecas como Lodash pueden ayudarnos a utilizar ese tiempo para cosas mejores. ¿Utilizas alguna otra biblioteca en tus proyectos? Házmelo saber.