Krypton Solid

La última tecnología en raciones de 5 minutos

12 bibliotecas de JavaScript para observar en 2017

12 bibliotecas de JavaScript para observar en 2017

Con cientos de bibliotecas JS gratuitas, es difícil saber dónde poner su energía. Algunos terminan descartados o bifurcados en nuevos proyectos, mientras que otros crecen rápidamente y logran una adopción generalizada.

La mayoría de los desarrolladores ya conocen grandes nombres como jQuery y React. Pero en esta publicación me gustaría presentar doce bibliotecas JS alternativas que son menos conocidas pero que están aumentando rápidamente.

1) D3.js

01-biblioteca-de-visualización-d3js

El big data es una industria en crecimiento y la visualización de datos se está volviendo tan importante rápidamente. Hay toneladas de bibliotecas de gráficos y mapas, pero pocas se destacan tanto como D3.js. Esta biblioteca JS funciona con elementos de lienzo y SVG para representar gráficos, tablas y visualizaciones dinámicas en la web.

Es de uso completamente gratuito y es una de las herramientas de visualización más poderosas creadas en JavaScript. Si está buscando una forma moderna de representar datos en el navegador, le recomiendo encarecidamente que eche un vistazo a esta biblioteca para ver lo que ofrece.

2) Node.js

02-nodejs-logo

Sé que muchos desarrolladores están hartos de escuchar Nodo todo el tiempo. Pero realmente es la biblioteca JS de más rápido crecimiento y ofrece mucho más que un entorno de desarrollo. Con NPM puede administrar paquetes locales para todos sus proyectos directamente desde la línea de comandos.

Esto convierte a Node en un conjunto de herramientas de desarrollo completo que funciona bien con otras herramientas como Gulp. Además, se han creado docenas de proyectos de código abierto relacionados en Node para que pueda trabajar con pruebas unitarias en Mocha.js o cree una interfaz de usuario con el Sails.js marco de referencia.

Si aún no ha probado Node, es posible que se sorprenda de lo mucho que se está perdiendo.

3) Riot.js

03-pantalla-riotjs

La representación del DOM virtual y los elementos personalizados ensucian la biblioteca de React. Se ha convertido rápidamente en la elección de todos los profesionales que desean una potente biblioteca de interfaz digital para el desarrollo de aplicaciones para el usuario.

Pero Riot.js está dando una sólida lucha ofreciendo una buena alternativa a React. Al utilizar el marco de trabajo de Riot, todavía tiene acceso a un DOM virtual, pero es mucho más fácil de controlar con requisitos de sintaxis más simples. Desafortunadamente, esta biblioteca no es tan grande como React y no funciona con Facebook, por lo que no tendrá una gran comunidad. Pero es una alternativa saludable y es un competidor decente en el espacio frontal.

4) Create.js

04-crear-js-caballete-js-pantalla

Desde animación web hasta medios digitales, puede trabajar con todo en CreateJS. Esta no es una sola biblioteca, sino más bien un conjunto de bibliotecas creadas para diferentes propósitos. Por ejemplo, Easel.js funciona con elementos de lienzo HTML5, mientras que Tweet.js te ayuda a crear interpolaciones y animaciones personalizadas para la web.

Cada biblioteca de esta colección tiene un propósito diferente y ofrece características modernas para los principales navegadores. Pero la mayoría de estas bibliotecas ayudan con funciones especializadas, por lo que se utilizan mejor en sitios web especializados. Si tiene curiosidad, eche un vistazo a la Crear sitio web JS para ver lo que ofrece.

5) Keystone.js

05-keystone-js-cms

Anteriormente mencioné Node.js y cuántas otras bibliotecas se construyen sobre él. Keystone.js es un ejemplo fantástico que va más allá de Node al ofrecer un motor CMS a gran escala.

Con Keystone puedes construir MEAN aplicaciones web impulsado por Node / Express y MongoDB en el backend. Keystone.js es completamente gratuito pero sigue siendo muy nuevo. En el momento de escribir este artículo, solo está en la versión 0.3, por lo que tiene un largo camino por recorrer para uso profesional.

Pero si le gusta un CMS de JavaScript puro, compruébelo y vea lo que piensa.

6) Vue.js

06-vuejs-logo

En el mundo de los frameworks front-end, normalmente encontrará dos opciones destacadas: Angular y Ember. Pero Vue.js es otra opción muy popular y está ganando rápidamente más atención desde su lanzamiento v2.0.

Vue es un marco de JavaScript frontend MVVM, por lo que se aleja de la arquitectura MVC típica. Es difícil de aprender, pero la sintaxis es simple una vez que comprende cómo funciona todo. Sin duda, es una opción viable en la guerra de los marcos frontales, y vale la pena vigilarla de cerca durante los próximos años.

7) meteorito

07-meteoro-js-logo

Puede integrar cualquier plataforma en el Marco de meteoritos con resultados fantásticos. Este proyecto de código abierto ayuda a los desarrolladores a crear aplicaciones impulsadas por JS, ya sean aplicaciones de chat en tiempo real, comunidades sociales o paneles de control personalizados.

Incluso hay un marco de noticias sociales llamado Telescopio construido sobre Meteor. Esto le permite crear un sitio web de noticias sociales / votación social desde cero que se ejecuta en Meteor y React.

Meteor es una biblioteca bestial con muchas características, pero no es fácil de aprender. Sin embargo, es divertido y los desarrolladores de JS capacitados pueden construir casi cualquier cosa con esta plataforma.

8) Chart.js

08-chartjs-canvas-demo

Con Chart.js puede crear gráficos de barras, gráficos de líneas, gráficos de burbujas y muchas otras funciones similares utilizando JavaScript y la API de lienzo. Esta es una de las bibliotecas JS más simples para gráficos de datos y viene con opciones integradas para animaciones.

Esta es una de las pocas bibliotecas que recomiendo para gráficos de datos porque es fácil de configurar, fácil de personalizar y viene con algunas de las mejores documentación de cualquier proyecto de código abierto.

9) WebVR

09-webvr-logo

Parece que la realidad virtual ha tomado al mundo por asalto con nuevas empresas emergentes y desarrolladores entusiasmados que trabajan incansablemente en proyectos de realidad virtual. Por eso no me sorprendió encontrar WebVR, una nueva API de JavaScript creada para la realidad virtual en su navegador.

Esto funciona con los dispositivos más populares como Oculus Rift y Vive, pero actualmente se encuentra en una etapa de desarrollo. La API es de código abierto y se prueba constantemente con los navegadores modernos para evaluar cómo funciona en los dispositivos de realidad virtual.

Si tiene curiosidad por obtener más información o participar en el proyecto, consulte el sitio oficial o visita el Página de MozVR para más información.

10) Tres.js

10-threejs-3d-graphics-webgl

Es una locura ver cuánto ha crecido la animación 3D desde la década de 1980 hasta la actualidad. Todos estamos familiarizados con las películas animadas en 3D, pero la animación web sigue siendo una nueva frontera. Y afortunadamente tenemos bibliotecas como Three.js abriendo un camino para la animación 3D en la web.

En el sitio principal encontrará docenas de ejemplos en vivo de Three.js en acción. Puede crear fondos sensibles al movimiento, gráficos web 3D personalizados y elementos de interfaz dinámica que utilizan efectos de animación 3D. Si tiene suficiente paciencia y empuje, puede crear cualquier efecto 3D con esta biblioteca. Es el mejor recurso para el movimiento 3D en la web y viene con muchos ejemplos para empezar.

11) Omniscient.js

11-biblioteca-omnisciente-js

La programación funcional con JavaScript no es algo nuevo. Pero es bastante nuevo en la web y ahora es mucho más común con bibliotecas como Omniscient.js. Esta biblioteca gratuita de código abierto maneja vistas con un proceso de renderizado de arriba hacia abajo para todos los componentes de la interfaz. Puede escribir código JS funcional desde cero y trabajar con bibliotecas de UI existentes como React.

Recomendaría específicamente esta biblioteca a cualquier desarrollador experimentado que desee un proceso de desarrollo más fluido. Es un tema complicado para principiantes, pero Omniscient puede cambiar radicalmente su flujo de trabajo de desarrollo cuando se usa en coordinación con los componentes de React.

12) Ractive.js

12-ractive-js-demo

Si está buscando una biblioteca de interfaz de usuario que sea diferente al resto, creo Ractive.js encaja bien en el molde. Viene con enlace bidireccional para elementos de plantilla y datos para que pueda construir plantillas con elementos que se unen a funciones Ractive en JavaScript.

Esta es una biblioteca bastante densa, pero ofrece una de las curvas de aprendizaje más suaves para principiantes. No es tan detallado como React, y usa una sintaxis muy diferente en JS y HTML. Visita el sitio principal para obtener más información y consultar el página de ejemplos para ver qué es posible con Ractive.

Todas las bibliotecas de esta publicación tienen algo único que ofrecer a la comunidad JS. Si le gusta jugar con JavaScript, eche otro vistazo a cada biblioteca aquí y vea lo que pueden ofrecer a sus proyectos de desarrollo web.

Deja un comentario

También te puede interesar...

¿Se está metiendo Silicon Graphics en problemas?

Silicon Graphics Inc., la compañía informática conocida por resucitar a los dinosaurios en las películas de «Jurassic Park», enfrenta su propio destino incierto el lunes. Mountain View, California, un fabricante de estaciones de trabajo informáticas

Recursos gratuitos para búsqueda inversa de direcciones

Curiosidad: ¿Sabías que existe la posibilidad de localizar información sobre una dirección de forma gratuita? Gracias a los recursos de búsqueda inversa de direcciones, puedes descubrir datos como el nombre del propietario, números de teléfono

Escritorio Mac, con música

Un amigo me envió un correo electrónico con un enlace a lo anterior. video de YouTube, que es un video musical para El pájaro y la abeja«Again & Again» creado completamente en / en un

Cómo instalar Python | Krypton Solid

Empezaste a estudiar programación y, como primer lenguaje que probaste, elegiste usarlo Pitón. ¿Qué decir? Ciertamente parece una buena opción, pero si estás aquí y estás leyendo esta guía, obviamente no estás muy familiarizado con

¿Qué es mPOS? Una definición de Krypton Solid

Un mPOS (punto de venta móvil) es un teléfono inteligente, tableta o dispositivo inalámbrico dedicado que realiza las funciones de una caja registradora o terminal de punto de venta electrónico (terminal POS) de forma inalámbrica.

La asociación Adobe-Microsoft agrega integraciones clave

La asociación Adobe-Microsoft se está volviendo inmediatamente visible para los clientes, a medida que los gigantes tecnológicos comienzan a más … integrar profundamente sus productos para los usuarios de la nube. Las empresas dijeron que

Definición de Jesse L. Livermore

Quién fue Jesse L. Livermore Jesse L. Livermore era un corredor de bolsa que creció en un ambiente agrícola humilde para convertirse en corredor de bolsa en Boston. A lo largo de su carrera, ha

4 preguntas para elegir el modelo adecuado para ti

¡Qué momento tan maravilloso para ser consumidor! A medida que continúa la popularidad y la proliferación de los productos SaaS, también lo hace el número de ofertas de prueba gratis. Parece que no puede acceder

NBN reemplaza el cobre entre el nudo y el poste

La compañía que lanza la red nacional de banda ancha (NBN) de Australia ha revelado que está reemplazando las líneas de cobre donde sea necesario, extendiendo su red de fibra hasta el nodo (FttN). El

The Morning Briefing: impresión 3D en 2013

«The Morning Briefing» es el resumen diario de SmartPlanet de las lecturas obligatorias en la web. Esta mañana leímos sobre dónde encaja la impresión 3D en el mundo moderno. 1.) La impresión 3D es mas