12 bibliotecas de JavaScript para ver en 2017
Con cientos de bibliotecas JS gratuitas, es difícil saber dónde poner tu 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 a los grandes nombres como jQuery y React. Pero en este post me gustaría presentar doce bibliotecas alternativas de JS que son menos conocidas pero que aumentan rápidamente.
1) D3.js
Big Data es una industria en crecimiento y Visualización de datos se está convirtiendo rápidamente en tan importante. Hay toneladas de bibliotecas de gráficos y mapas, pero pocas se destacan tanto como D3.js . Esta biblioteca JS funciona con SVG y elementos de lienzo para representar gráficos, gráficos y visualizaciones dinámicas en la web.
Es completamente gratuito, y es una de las herramientas de visualización más poderosas basadas en JavaScript. Si está buscando una forma moderna de presentar datos en el navegador, le recomiendo echar un vistazo a esta biblioteca para ver qué ofrece.
2) Node.js
Sé que muchos desarrolladores están hartos de escuchar sobre 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 completo kit de herramientas de desarrollo que funciona bien con otras herramientas como Gulp. Además, se han construido docenas de proyectos de código abierto relacionados en Node para que pueda trabajar con pruebas unitarias en Mocha.js o construir una interfaz frontal con el Sails.js marco de referencia.
Si todavía no has probado Node, es posible que te sorprenda lo mucho que te estás perdiendo.
3) Riot.js
La renderización DOM virtual y los elementos personalizados ensucian la biblioteca 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 front-end.
Pero Riot.js está presentando una lucha sólida ofreciendo una buena alternativa para Reaccionar. Al usar el marco 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. Lamentablemente, esta biblioteca no es tan grande como React y no cuenta con la tecnología de Facebook, por lo que no tendrá la gran comunidad. Pero es una alternativa saludable y es un competidor decente en el espacio frontal.
4) Create.js
Desde la animación web hasta los medios digitales, puedes 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 canvas HTML5, mientras que Tweet.js lo ayuda a crear tweening y animaciones personalizados para la web.
Cada biblioteca de esta colección tiene un propósito diferente y ofrece características modernas para todos los navegadores principales. Pero la mayoría de estas bibliotecas ayudan con las características especializadas, por lo que se usan mejor en sitios web especializados. Si tiene curiosidad, eche un vistazo a la Crear el sitio web de JS para ver lo que ofrece
5) Keystone.js
Anteriormente mencioné Node.js y cuántas otras bibliotecas se construyeron encima. Keystone.js es un ejemplo fantástico que va más allá de Node al ofrecer un motor CMS de escala completa.
Con Keystone puedes construir MEAN webapps impulsado por Node / Express y MongoDB en el back-end. Keystone.js es completamente gratuito, pero aún muy nuevo. En el momento de escribir estas líneas, solo está en v0.3, por lo que queda un largo camino por recorrer para uso profesional.
Pero si te hace gracia un CMS de JavaScript puro, entonces échale un vistazo y mira lo que piensas.
6) Vue.js
En el mundo de los frameworks de front-end, normalmente se encuentran dos opciones destacadas: Angular y Ember. Pero Vue.js es otra opción muy popular y está ganando más atención rápidamente ya que versión v2.0 .
Vue es un framework de JavaScript de frontend MVVM, por lo que se aleja de la arquitectura típica de MVC. Es difícil de aprender, pero la sintaxis es simple una vez que entiendes cómo funciona todo. Sin duda es una opción viable en la guerra de los frameworks de front-end, y vale la pena vigilarlo en los próximos años.
7) Meteorito
Puede integrar cualquier plataforma en el Meteor framework con resultados fantásticos Este proyecto de código abierto ayuda a los desarrolladores a crear aplicaciones basadas en JS, ya sean aplicaciones de chat en tiempo real o comunidades sociales o paneles personalizados.
Incluso hay un marco de noticias sociales llamado Telescopio construido encima de Meteor. Esto le permite crear un sitio web de noticias sociales / votación social desde cero en Meteor y React.
Meteor es una bestia de una biblioteca con muchas características, pero no es fácil de aprender. Sin embargo, es divertido y los desarrolladores de JS expertos pueden construir casi cualquier cosa con esta plataforma.
8) Chart.js
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 la creación de gráficos de datos y viene con opciones incorporadas 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 algunos de los mejores documentación de cualquier proyecto de código abierto.
9) WebVR
Parece que la realidad virtual ha tomado al mundo por sorpresa con nuevas startups y desarrolladores entusiasmados que trabajan incansablemente en proyectos de realidad virtual. Es por eso que no me sorprendió encontrar WebVR , una nueva API de JavaScript hecha para VR 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 contra los navegadores modernos para medir cómo funciona en los dispositivos de realidad virtual.
Si tiene curiosidad por saber más o participar en el proyecto, consulte el sitio oficial o visita el Página MozVR para más información.
10) Three.js
Es una locura ver cuánto ha crecido la animación en 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ás 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 en 3D. Si tienes suficiente paciencia y manejo, puedes construir cualquier efecto 3D con esta biblioteca. Es el mejor recurso para el movimiento 3D en la web, y viene con muchos ejemplos para que comiences
11) Omniscient.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 de fuente abierta gratuita maneja las vistas con un proceso de representación de arriba hacia abajo para todos los componentes frontales. Puede escribir código JS funcional desde cero y trabajar con bibliotecas de IU 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
Si estás buscando una biblioteca de UI que sea diferente al resto, creo Ractive.js se adapta bien al 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 aprender más, y echa un vistazo a la página de ejemplos para ver qué es posible con Ractive
Todas las bibliotecas en esta publicación tienen algo único para ofrecer a la comunidad JS. Si le gusta juguetear con JavaScript, eche un vistazo a cada biblioteca y vea qué pueden ofrecer sus proyectos de desarrollo web.