¿Qué es mejor elegir en 2020: React or Vue?

Los marcos de JavaScript se han convertido en una parte integral de cada proyecto web moderno. Hay muchos marcos de este tipo, como resultado, los desarrolladores constantemente tienen que preguntarse qué elegir. Para encontrar la respuesta a esta pregunta tendrá que hacerlo en 2020.


Si lee esto, puede suponer que está ocupado buscando un marco que se convertirá en la base de su próxima aplicación. Es posible que se concentre en tecnologías líderes y piense en lo que es mejor para usted: la biblioteca React o el marco Vue. Este es un dilema difícil, pero aún es necesario resolverlo. Aquí hay algunas preguntas comunes formuladas por quienes eligen entre React y Vue:

• ¿Cuál es mejor para mi próximo proyecto?
• ¿Qué marco tiene el mayor rendimiento?
• ¿Qué es más popular entre los desarrolladores?
• ¿Cuál es el mejor para pequeñas aplicaciones web?
• ¿Cuál de los marcos es más confiable?

El autor del material, cuya traducción publicamos hoy, espera que las respuestas a estas preguntas ayuden a tomar la decisión correcta. Este artículo se centra en comparar React y Vue para ayudar a los desarrolladores a decidir sobre la elección del marco frontend para los proyectos web 2020.

Popularidad

En el mundo de JavaScript, aparecen nuevos marcos y bibliotecas casi todos los días. De hecho, este es un proceso casi continuo, durante el cual los favoritos cambian literalmente cada pocos meses.

Eche un vistazo a los datos de 2019 y descubra, que es más popular, React o Vue.

Aquí hay información de Google Trends . Aquí hay algunos gráficos que ilustran la popularidad de React, Vue y Angular. Es fácil ver que React está significativamente por delante de Vue.


La popularidad de React, Vue y Angular

Ahora veamos los resultados del estudio Stack Overflow. React encabeza la lista de marcos que más les gusta a los desarrolladores. Y Vue está solo un poco atrás. Vue, desde su lanzamiento en 2014, ha ganado considerable popularidad en un tiempo bastante corto.


Resultados del estudio de desbordamiento de pila

La historia

Hablemos sobre la historia y los antecedentes de React and Vue.

▍Vue

Este marco JS fue creado en 2014 por Evan Yu, un ex empleado de Google. No hay gigantes tecnológicos detrás de Vue. El lanzamiento más reciente de Vue (2.6.10) se lanzó el 20 de marzo de 2019.

Desde el advenimiento de Vue, solo han pasado 5 años. Esto hace que este marco sea el desarrollo más joven entre los sistemas de este nivel. Entre las grandes empresas que utilizan Vue, Alibaba y GitLab se pueden observar. Una de las características de Vue es el hecho de que rastrea la confusión de las capacidades de algunos otros frameworks JS exitosos.

▍Reaccionar

React es una biblioteca de JavaScript que no fue creada por un programador independiente, sino por una gran empresa. Se trata de Facebook. Una de las razones principales para crear React fue el deseo de la compañía de mejorar los mecanismos para crear interfaces. Esta biblioteca se desarrolló cuando Facebook se enfrentó a algunos problemas relacionados con el desarrollo y el soporte del proyecto.

La biblioteca React se conoce como una herramienta poderosa para crear interfaces de usuario dinámicas e interactivas. El 6 de mayo de 2019 lanzó la última versión de React (16.8.6). Esta biblioteca se utiliza para desarrollar interfaces en muchas empresas conocidas. Entre ellos: BBC, Instagram, WhatsApp.

Rendimiento

Los cambios en la interfaz de la aplicación se realizan modificando el modelo de objeto del documento (DOM). Hay conceptos como DOM virtual y DOM real. El rendimiento de las herramientas de JavaScript para el desarrollo de interfaces depende en gran medida de cómo esté organizado el proceso DOM.


DOM virtual y DOM real

▍Reaccionar

React utiliza un DOM virtual, un sistema liviano e independiente del navegador. Una de las principales razones de la popularidad de React es que esta biblioteca funciona de manera muy eficiente con el DOM.

▍Vue

Vue también usa un DOM virtual, pero, en comparación con React, Vue tiene un mayor rendimiento y estabilidad.

Apoyo comunitario

Las comunidades que se forman alrededor de las tecnologías afectan seriamente su desarrollo y difusión. En particular, los miembros de la comunidad pueden ayudar a los principales desarrolladores de tecnología; crean varios complementos; ayudan a los principiantes.

▍Reaccionar

El soporte y desarrollo de la biblioteca React en sí es manejado por Facebook. Esto proporciona a quienes eligen esta biblioteca como base de la interfaz de su aplicación un nivel bastante alto de confianza de que Reaccionar en el futuro cercano no se convertirá en un proyecto abandonado por todos. La comunidad de desarrolladores de React ha creado y admite muchas herramientas adicionales.

▍Vue

Vue es un proyecto cuyos orígenes son una persona común, no una gran corporación. Como resultado, por primera vez después de la aparición de este marco, no parecía particularmente confiable a los ojos de los desarrolladores. Sin embargo, después de algún tiempo Vue se ha vuelto extremadamente popular, muchos programadores contribuyen a su desarrollo. De hecho, podemos decir que es la comunidad de desarrolladores de Vue la fuerza que apoya el proyecto.

Tamaño

Si consideramos que el problema del tamaño es muy simplista, entonces podemos decir que React es un poco más grande que Vue. El tamaño de React es de aproximadamente 100 Kb, el tamaño de Vue es de aproximadamente 80 Kb. El tamaño del código JS es un indicador muy importante que tiene un fuerte impacto en el rendimiento de los proyectos web. Cuanto más pequeño es, mejor, por supuesto.

Sin embargo, debe notarse aquí que React, para implementar ciertas capacidades, necesita bibliotecas de terceros. Una de esas características es el enrutamiento. Vue, por otro lado, es un proyecto con un conjunto más amplio de características estándar, aunque no puede prescindir de complementos cuando trabaja con Vue. Y React y Vue, sin embargo, son bastante modestos en tamaño, lo que los hace bastante adecuados para desarrollar aplicaciones pequeñas.

Ejemplos de uso

Antes de elegir una tecnología para el próximo proyecto, los programadores y gerentes generalmente están interesados ​​en los proyectos existentes que esta tecnología ya está aplicada. Si hablamos sobre en qué se basan React y Vue, sobre JavaScript y otras tecnologías web, entonces podemos decir que todo esto se usa en innumerables empresas. Si observamos ejemplos específicos del uso de React y Vue, podemos distinguir, por ejemplo, las siguientes empresas.

▍Reaccionar

• Facebook: como ya se mencionó, esta compañía creó y admite React y, además, utiliza activamente esta biblioteca.
• Twitter es una plataforma centrada en la publicación de mensajes cortos.
• Instagram: en esta plataforma, el énfasis está en publicar imágenes.
• Whatsapp es un mensajero popular.

▍Vue

• GitLab es un proyecto que ayuda a los desarrolladores a crear programas en colaboración.
• 9Gag es un proyecto conocido por memes y otros materiales similares.
• Nintendo es un desarrollador de juegos.
• Grammarly es un servicio de revisión gramatical.

Curva de aprendizaje

La curva de aprendizaje es una representación gráfica del cambio en la velocidad de aprendizaje de un conocimiento particular o tipo de actividad. En nuestro caso, estamos hablando de la velocidad de desarrollo de React y Vue. Se sabe que Vue es más fácil de aprender que React.

Al realizar un estudio StateOfJS, se pidió a los encuestados que respondieran varias preguntas sobre los marcos. A continuación se muestran los resultados de la encuesta para React, Vue y Angular.


Reaccionar, Vue y resultados de encuestas angulares

Este es el significado del resaltado de color de fragmentos de diagramas.


Codificación de color de las respuestas a las preguntas. De arriba a abajo: "Nunca he oído hablar de esto", "Escuché, pero no me interesa", "Escuché, me gustaría estudiar", "Lo usé, no lo volveré a usar", "Lo usé, lo volveré a usar".

Como puede ver, muchos usuarios de React planean usar esta biblioteca nuevamente. Muchos programadores están interesados ​​en aprender React. Si hablamos de Vue, se puede observar que la tasa de uso de este marco no es tan grande como la de React, y el indicador que indica un interés en el aprendizaje excede el de React. Esto sugiere que Vue es un marco que muchos quieren probar. Como resultado, dado que Vue es más fácil de aprender, se puede esperar que la cantidad de personas que usan Vue y planeen usarlo nuevamente aumente en el futuro.

Flexibilidad

▍Reaccionar

El núcleo React solo proporciona una funcionalidad básica. Con el uso práctico de esta biblioteca, sus capacidades deben ampliarse. Esto le da al desarrollador un gran nivel de flexibilidad en términos de elegir herramientas adicionales. Existen herramientas para desarrollar interfaces, cuyas ideas integradas pueden considerarse directamente opuestas a las integradas en React. Por ejemplo, esto es Angular, un marco que incluye muchas herramientas estándar. Además, es un conjunto de herramientas listas para usar que funcionan bien juntas. La desventaja es la falta de flexibilidad en la elección de las herramientas que proporciona React.

Si hablamos de tareas específicas que pueden resolverse con la ayuda de bibliotecas adicionales utilizadas con React, aquí podemos observar, por ejemplo, enrutamiento, administración del estado de la aplicación, representación del servidor, desarrollo de aplicaciones para dispositivos móviles.

▍Vue

Vue, a diferencia de React, proporciona al desarrollador un conjunto más extenso de herramientas estándar que pueden resolver los mismos problemas que generalmente se resuelven en el ecosistema React utilizando bibliotecas de terceros.

▍ Resultados

Si reunimos todo de lo que acabamos de hablar, entonces podemos sacar las siguientes conclusiones:

• Reaccionar es más popular que Vue.
• React cuenta con el apoyo de una gran empresa, mientras que Vue no.
• React le da al desarrollador un mayor nivel de flexibilidad.
• El tamaño de Vue es más pequeño que el tamaño de Reacción.

Esperamos que lo que leas hoy amplíe tu conocimiento de React and Vue y te ayude a tomar la decisión correcta.

Estimados lectores! Si recientemente ha participado en la selección de un marco para su próximo proyecto web, díganos qué eligió y por qué.