Las Mejores Librerias de JavaScript para Aumentar la Productividad

by Ismael Mohamed Date: 08-03-2021


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

Logo de 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

Logo de 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

Logo de 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.

s

5. Chalk

Logo de 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

Logo de 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

Logo de 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

logo de 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

Logo de anime js

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

Logo de 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

Logo de Shavejs

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

Logo de 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

Logo de 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

Logo de 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

Logo de Coreographer 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

Logo de 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

Logo De 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

Logo  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

Logo de 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

Logo de 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

Logo de 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.

 
by Ismael Mohamed Date: 08-03-2021 visitas : 2510  
 
Ismael Mohamed

Ismael Mohamed

Apasionado del desarrollado Web y la programación y en constante aprendizaje.

 
 
 

Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’

Acepta todas Sólo cookies de sistema Configuración