Vue.js: Características y Ventajas frente a Otros Frameworks

Clase 13 de 28Curso de Frameworks y Librerías de JavaScript

Contenido del curso

Contexto y funcionamiento de los Frameworks JavaScript

Resumen

Si alguna vez escuchaste que Vue.js "se copia de todos", hay una verdad detrás del meme: la tecnología no se inventa de la nada, se mejora. Y eso es exactamente lo que hace Vue.js, tomar lo mejor de React, Angular e incluso Polymer para integrarlo en un framework completamente nuevo y con identidad propia.

¿Qué significa que Vue.js sea un framework progresivo?

Vue.js se define a sí mismo como un framework progresivo [0:42]. Esto quiere decir que no te abruma con una estructura gigante desde el primer momento, como puede ocurrir con Angular. En lugar de eso, Vue te permite empezar con lo básico y ir escalando tu aplicación a medida que lo necesites. Tu proyecto nunca queda desamparado porque Vue crece con él.

Vue ofrece un camino oficial que integra herramientas del ecosistema de Vue para armar un entorno de desarrollo completo [1:03]. Pero aquí viene un punto importante: no es una religión. No te obliga a seguir ese camino. Puedes integrarlo con cualquier herramienta que prefieras, y esa flexibilidad es una de sus mayores ventajas.

¿Es Vue.js realmente reactivo?

Sí, y este es un diferenciador clave. Vue.js es cien por ciento reactivo [1:30]. Cuando hablamos de reactividad nos referimos al paradigma reactivo, ese que incluye ser responsive y tener una arquitectura basada en mensajes. React, a pesar de su nombre, no sigue este paradigma al pie de la letra; llega al mismo destino pero por otro camino [1:38]. Angular puede hacerlo gracias a su integración con RxJS, la herramienta por excelencia de la programación reactiva en JavaScript [1:55]. Vue, por su parte, cumple con la reactividad de forma nativa.

Además, Vue.js también utiliza el virtual DOM [2:18], una técnica que React popularizó para actualizar la interfaz de manera eficiente sin manipular directamente el DOM del navegador.

¿Quién creó Vue.js y de dónde vienen sus ideas?

El creador de Vue es Evan You [2:23], quien trabajó en Google durante la era de AngularJS. Decidió salir de Google y construir su propio framework tomando lo mejor de cada mundo: lo bueno de React, lo bueno de Angular y elementos de las primeras versiones de Polymer, otro proyecto de Google [2:46].

Este origen explica por qué Vue se siente familiar si vienes de cualquiera de esos frameworks. No es una copia, es una síntesis inteligente.

¿Cómo es trabajar con componentes en Vue.js?

Al principio, Vue te permite seguir trabajando casi como si usaras HTML común y corriente [3:19]. Poco a poco vas integrando código JavaScript con Vue hasta que tu aplicación completa está construida con componentes. La diferencia con React o Angular es que los componentes no son obligatorios desde el inicio [3:38]. Puedes adoptarlos de forma gradual, lo cual reduce la curva de aprendizaje.

¿Tiene Vue.js el mejor rendimiento de todos?

Vue dice tener la mejor performance, pero la realidad es más matizada [3:50]. Ningún framework tiene el mejor rendimiento en todos los escenarios y para siempre. Las versiones cambian, los casos de uso varían y lo que hoy es más rápido mañana puede no serlo.

  • Cada framework mejora o disminuye su rendimiento según las actualizaciones.
  • Existen casos de uso donde uno supera a otro y viceversa.
  • Todos los frameworks compiten por ser el más rápido y liviano.

Lo que sí es cierto es que Vue.js pelea a muerte por optimizar su rendimiento [4:22], pero eso no es algo exclusivo; React y Angular hacen lo mismo. La elección no debe basarse solo en benchmarks de velocidad, sino en las necesidades reales de tu proyecto y tu equipo.

Si quieres conocer más sobre la historia de Vue.js y de Evan You, existe un documental en YouTube [4:49] que cuenta de forma épica cómo nació este framework. Es una gran forma de entender la filosofía detrás de Vue antes de poner manos al código. ¿Ya lo viste? Comparte qué te pareció.