Elegir entre los marcos de JavaScript más populares para un nuevo proyecto puede ser un proceso desafiante. Parece que hay un nuevo puñado ganando popularidad cada año más o menos, ¡y los anteriores tampoco parecen perder fuerza!
No obstante, es esencial encontrar la plataforma correcta para la construcción de su aplicación. La popularidad puede no ser un indicador de lo que es mejor para su proyecto, pero echar un vistazo a las selecciones más populares puede darle algunas ideas para algo que se ajuste a los requisitos de su proyecto. ¡Así que, sin más dilación, seguiremos adelante y echaremos un vistazo a los marcos de JavaScript más populares de 2018!

React.js

Marcos de JavaScript React.js
React es un marco que originalmente se creó y se mantiene en Facebook. Esto proporciona un gran peso en las escalas al elegirlo para un proyecto. Le da a React una sensación de estabilidad de la que carecen muchos marcos nuevos.

Puntos a considerar:

  • Facebook mantiene el proyecto.
  • El alto volumen de adopción y el crecimiento continuo significan que será más fácil encontrar desarrolladores React competentes, así como ayuda y componentes externos
  • La adopción de JSX permite la estructuración de componentes que luego se compilarán en JS React, cuando se ejecuta en el servidor, puede hacer que las páginas web sean más amigables con SEO que otros marcos de JS, ya que lo único que vio el cliente en ese momento es el páginas HTML generadas
  • React Native puede proporcionar una experiencia móvil casi perfecta para vincularse con su aplicación React para la web

Mis pensamientos sobre React.js

React es un gran marco y una gran herramienta. Para cualquier proyecto grande y completo, es casi un zapato de uso. La mayor preocupación que tendría como desarrollador que adopta React es exactamente lo mismo que lo hace todo un éxito: Facebook. Ha habido preocupaciones sobre los términos de uso de React, así como la capacidad de Facebook para detener las actualizaciones o cambiar la licencia. Esto puede parecer demasiado paranoico para ser un factor decisivo para algunos, pero para otros, puede ser la razón por la que su proyecto no adopte React como su marco frontal.

Angular.js 2

Marcos de JavaScript populares: Angular 2
Angular es la potencia que se encuentra al lado de Reaccionar en la parte superior de las tablas para los marcos de JavaScript. Angular 2+ ha tenido literalmente años de desarrollo detrás de él, y Angular.js fue representativo de muchas lecciones que ayudaron al desarrollo de Angular 2 y versiones futuras.

Puntos a considerar:

  • Angular usa TypeScript, que es un superconjunto de JavaScript que puede compilarse hasta la vainilla JS. Muchos encuentran que este es uno de sus mayores puntos de venta.
  • La representación previa del contenido en el servidor puede permitir un mejor SEO y una navegación más rápida
  • El proyecto Angular se basa en años de experiencia, desde Angular a Angular 2 y mucho más allá.
  • Angular 2 está lleno de características útiles, como inyección de dependencias, plantillas, formularios y más.
  • Debido a que Angular es mantenido por Google, los usuarios pueden sentirse seguros de que se utilizará durante mucho tiempo.

Mis pensamientos sobre Angular.js 2

Mis pensamientos sobre Angular 2 son muy similares a mis pensamientos sobre Reaccionar. Si un usuario necesita una plataforma grande y llena de funciones, sería difícil equivocarse con Angular 2. Aquí hay un montón de contenido útil. A la inversa, tiene que aceptar el mayor peso de esta plataforma y el hecho de que la mantiene principalmente una empresa poderosa como Google, que, en teoría, podría dejar de admitirla en cualquier momento, aunque parece muy poco probable.

Vue.js

Marco de JavaScript popular: Vue.js
Vue está creciendo hacia la madurez, ahora tiene varios años, pero todavía es visto como un nuevo jugador en la escena del marco de JavaScript. El crecimiento de la comunidad Vue es estelar.

Puntos a considerar:

  • Vue tiene un tamaño de archivo increíblemente pequeño, lo que facilita su inclusión en proyectos sin crear una ralentización.
  • Vue tiene una curva de aprendizaje relativamente más fácil que algunos de los marcos más grandes, y una documentación fantástica para ayudar a los que son nuevos en los marcos de JS y también a los veteranos.
  • Es fácil de integrar en otras aplicaciones e idiomas. Por ejemplo, Vue.js se agrupa con Laravel y se combina muy bien con él para crear interfaces para las aplicaciones de Laravel.
  • Vue utiliza una sintaxis de plantilla basada en HTML, lo que permite a los desarrolladores escribir componentes de forma rápida y sencilla.

Mis pensamientos sobre vue.js

Siempre me ha gustado Vue. Es mi recomendación para aquellos que recién comienzan con los marcos de JavaScript o que necesitan algo ligero para un proyecto. No tiene todas las campanas y silbidos de algunos de los contendientes más destacados, pero no siempre los necesitas. Es menos completo, pero eso también lo hace menos restrictivo.

Meteor.js

Marco popular de JavaScript: Meteor
Meteor.js es un "marco de pila completa". El hecho de que sea una pila completa significa que puede controlar todo, desde la base de datos hasta la interfaz de usuario con el mismo idioma y el mismo marco, y es una de las principales ventajas de Meteor.

Puntos a considerar:

  • Meteor es un marco de apilamiento completo, que permite a los desarrolladores aprender una herramienta y usarla para casi todo en su aplicación. También lo convierte en una propuesta emocionante para los nuevos desarrolladores que apuntan a proyectos o posiciones de pila completa, ya que pueden ser productivos más rápido con Meteor.
  • Meteor se envía con una variedad de "paquetes inteligentes" útiles, disponibles para todo tipo de usos, y permite la inclusión de paquetes personalizados también para aquellos que desean crear los suyos.
  • La comunidad Meteor es muy activa y comprometida, brinda apoyo comunitario en los foros, crea y mantiene paquetes para uso público, etc.

Mis pensamientos sobre Meteor.js

Meteor casi no pertenece a esta lista. Puede usarse para construir la interfaz de usuario de su aplicación, pero también puede usarse junto con un marco específico de la interfaz de usuario (con Meteor solo para el servidor). Sin embargo, puede valerse por sí solo según sea necesario, y si desea tener un marco único e integral que maneje todo en una caja, Meteor es el camino a seguir.

Ember.js

Marco de JavaScript popular: Ember
Ember.js se enfoca en hacer las cosas, y hacerlas rápidamente. Ember es un marco más de opinión, que convierte a los desarrolladores en las mejores prácticas para la plataforma. Esto hace que sea mucho más fácil para los proyectos comenzar, pero algunos pueden irritarse por las limitaciones. También proporciona varias herramientas externas para ayudar a los desarrolladores a lo largo.

Puntos a considerar:

  • Las mejores prácticas de opinión hacen que sea muy fácil construir con Ember, siempre y cuando esté dispuesto a seguir la estructura de Ember. Si no puede hacerlo, es posible que Ember no sea la herramienta adecuada para su proyecto.
  • El paquete de herramientas de línea de comandos "ember-cli" abre un nuevo mundo de herramientas útiles para agregar a un juego de herramientas para desarrolladores de aplicaciones Ember.
  • El Inspector Ember permite una fácil inspección de los objetos Ember en las herramientas de desarrollo de su navegador. Esto se puede usar tanto al desarrollar como al depurar problemas.

Mis pensamientos sobre Ember.js

Ember.js es una gran herramienta para que su aplicación entre en producción rápidamente, y para resolver problemas y solucionar problemas. No es el único marco con un complemento de inspector o un CLI, pero su inclusión junto con sus mejores prácticas rígidas permiten una gran experiencia de inicio rápido.

Backbone.js

Marco de JavaScript popular: Backbone
Backbone ha existido durante mucho tiempo (un tiempo muy largo, como los marcos de JavaScript), pero aún prevalece increíblemente, tanto en aplicaciones heredadas como en proyectos más nuevos que necesitan un marco o biblioteca menos preceptivo para construir.

Puntos a considerar:

  • La madurez de la plataforma significa que ya se han descubierto y resuelto muchos problemas, y que los recursos y el apoyo de la comunidad son sólidos.
  • El enfoque de Backbone a la estructura de la aplicación es minimalista. Es increíblemente ligero, con un tamaño de archivo más pequeño que la mayoría de los marcos en esta lista. También proporciona los componentes básicos de un marco, lo que permite al desarrollador construir lo que necesita a partir de él.
  • No obliga a los motores de plantillas, lo que deja al desarrollador individual. Sin embargo, tiene el subrayado como una dependencia, lo que permite que sea la opción predeterminada más fácil para las plantillas.

Mis pensamientos sobre Backbone.js

La espina dorsal está perdiendo popularidad, quizás debido a su antigüedad y minimalismo, pero sigue siendo una herramienta relevante y poderosa para las necesidades adecuadas. Es razonablemente fácil controlarlo, y si necesita un marco que le permita construir su aplicación de la manera que le resulte más adecuada y le brinde un núcleo para construir, como su nombre indica, Backbone es una opción sólida .

Aurelia.js

Marco popular de JavaScript: Aurelia
Aurelia es un marco compuesto por módulos más pequeños, lo que permite a los desarrolladores elegir y elegir las piezas que funcionan para ellos, o utilizar el marco en su totalidad.

Puntos a considerar:

  • Aurelia tiene una versión moderna del desarrollo de aplicaciones, con su infraestructura modular que brinda a los desarrolladores muchas opciones útiles sin ser abrumador.
  • Aurelia tiene una curva de aprendizaje relativamente baja, lo que brinda a los desarrolladores la oportunidad de acelerar su tiempo para escribir código productivo.
  • Se emplea una arquitectura MV * simple, con convenciones para evitar configuraciones innecesarias. Esto puede parecer restrictivo para algunos desarrolladores, mientras que otros agradecerán la racionalización.
  • El soporte para ES5, ES 2015, ES 2016 y TypeScript le da a Aurelia la agilidad para ser utilizado en múltiples tipos de situaciones de desarrollo de JavaScript.

Mis pensamientos sobre Aurelia.js

Aurelia se enfoca en ser compatible con cualquier JavaScript que use tu aplicación. La capacidad de tomar módulos por partes asegura que puede ser útil incluso si no necesita todo el marco. Aurelia hace todo lo posible para ser práctica, rápida y de servicio en una variedad de situaciones.

Polímero

Marco popular de JavaScript: Polymer
Polymer es un marco respaldado por Google más liviano, con un fuerte enfoque en el cumplimiento de los estándares.

Puntos a considerar:

  • Al igual que con los otros marcos que son proyectos de grandes empresas, el hecho de que Google mantenga el polímero es algo bueno. Significa mucho apoyo y desarrollo continuo, pero también puede parecer que viene con cadenas o confianza en un gigante, para algunos desarrolladores.
  • El enfoque que cumple con los estándares ayuda a garantizar la longevidad de su aplicación, así como la compatibilidad con otras aplicaciones o plataformas.
  • Polymer funciona bien con Progressive Web Apps, que es un enfoque cada vez más importante para los desarrolladores, ya que se enfocan en conectar la experiencia móvil con la del usuario de escritorio.
  • El polímero también tiene una huella liviana, lo que hace que sus tiempos de carga sean mucho mejores que los marcos más grandes.

Mis pensamientos sobre Polymer.js

Polymer ofrece una excelente alternativa para aquellos que desean un marco más ligero, más fácilmente integrado y al mismo tiempo dependen de una plataforma que los grandes jugadores respaldan. Con Google detrás, Aurelia puede ganar mucho más cuota de mercado que la que tiene actualmente, al tiempo que mantiene un toque más ligero que sus competidores más antiguos.

Mithril.js

Mithril es otro marco de JavaScript de pequeña huella que se considera a sí mismo como la elección pragmática. Con un tamaño de archivo pequeño y documentación que llega directamente al punto, Mithril tiene la intención de que comiences y luego te salgas de tu camino.

Puntos a considerar

  • Con un tamaño de archivo de 8kb (comprimido), la huella de Mithril es una de las más ligeras del mercado, lo que permite una carga extremadamente rápida.
  • Mithril tiene un gran conjunto de guías y documentos para comenzar, y estiman que un desarrollador puede comenzar el arranque rápido en solo diez minutos.
  • Mithril ha cortado el crucero para llegar a ese tamaño. Le muestran cómo realizar la autenticación, la carga de archivos, el uso de ES6 o JSX, características que una gran parte de sus usuarios realmente desearán.

Mis pensamientos sobre Mithril.js

De todos los marcos recortados en esta lista, Mithril podría ser el más magro. Vale la pena verlo si no lo has visto antes. Parece que maneja la mayoría de los trabajos principales que querría que manejara un marco de JavaScript, sin la basura adicional que a menudo viene con el paquete.

Conclusión

Así que al final del día, la pregunta es: ¿Qué marco de JavaScript debería usar para mi proyecto? La respuesta, por supuesto, es tan complicada como siempre.
Mi favorito personal es Vue.js, de los seleccionados aquí. La respuesta real, sin embargo, es totalmente específica del proyecto. ¿Necesita el framework JavaScript más popular? Probablemente no. ¿Qué hay de los más grandes y más expansivos, o los más pequeños y livianos? Estos factores pueden o no pueden importar.
En cualquier caso, este conjunto de marcos debe dar a cualquier desarrollador al menos una o dos recomendaciones que satisfagan sus necesidades, ¡y comenzar a construir su aplicación frontend!