¿Por qué cambiar a Vue.Js?

En esta eterna batalla de nuevos frameworks que aparecen en el paradigma de la programación frontend, cada uno de ellos tiene una cualidad especifica que lo diferencia del resto. Tal vez esta cualidad sea una buena razón para decidirte por uno u otro. Es por ello que en este artículo haremos un breve resumen de las principales características y hasta donde se puede exprimir el framework Vue.

Curva de aprendizaje

La curva de aprendizaje en Vue es mucho menos pronunciada frente a  sus dos competidores principales, React y Angular. Muchas empresas que deciden migrar a uno de estos nuevos frameworks, eligen Vue porque para los programadores junior es mucho más intuitivo que la competencia.

Esto se puede deber a varios factores, pero uno de ellos es su flexibilidad a la hora de implementar una solución a un problema, ya que no hay un marco definido y estructurado como sus principales competidores. Estos definen obligatoriamente cómo se debe de programar y estructurar el código dejando poco espacio de maniobra.

Rendimiento

El rendimiento que ofrece el framework es mucho más rápido que el rendimiento de sus principales competidores en la mayoría de los escenarios que han sido testeados. Esto se debe sobre todo a que React y Vue hacen uso del Dom Virtual, mientras que Angular no hace uso de este último y es penalizado. Además también interviene la ligereza que tiene este framework que también es mucho mejor que el de sus competidores.

Progresivo y modular

Vue.Js es un framework progresivo porque está modularizado en diferentes librerías separadas que se pueden ir añadiendo en el momento que sean necesarias.

Vue está formado por un core que se encarga de renderizar vistas en un navegador. Es por ello que si es necesaria la creación de una SPA (single page application) o de la tecnología SSR (server side rendering), solo se debe de añadir el Router o la tecnología dedicada para renderizar páginas desde el servidor. Por lo tanto, esto se traduce en una optimización del peso proyecto del proyecto y delegar la decisión de añadir un modulo o no al desarrollador.

Un único fichero

La forma de distribución del código es simple. El Javascript, HTMLy CSS se incluyen en un único fichero con extensión .vue. De esta forma, todo lo que refiere a un componente se encuentra en un único fichero individual. Aunque en función de las necesidades también se pueden tener ficheros globales de configuración, como CSS general o Javascript reutilizable.

Typescript

En este caso, si un programador se quiere introducir en este nuevo paradigma de frameworks, si desea hacerlo en Angular debe de aprender también Typescript. Por lo tanto, es una barrera de entrada e incremente la curva de aprendizaje. Sin embargo, si es un programador que proviene de jQuery u otro framework Javascript, seguramente le sea mucho más fácil utilizar Vue.Js porque ya tiene nociones de Javascript.

Además, otro punto a favor es que se pueden reutilizar todas las librerías escritas en Javascript puro a pesar de no ser un componente propio realizado en Vue.Js, en el caso de Angular, esto no se puede realizar de una forma directa o se tienen que realizar adaptadores.

Por otro lado, muchos de los componentes nuevos que aparecen en Vue.Js son un contenedor de la librería inicial Javascript pura, pero realmente el código y el proyecto inicial no estaba pensado en Vue.Js. Aunque estas librerías se adaptan bastante bien y para el programador es transparente.

Conclusión

Como todo en esta vida, antes de seleccionar un framework u otro lo primero es saber la dirección a la que nos dirigimos. Es por ello que el proyecto o la aplicación a desarrollar es importante a la hora de seleccionar una de las opciones disponibles. Sin embargo, a continuación enumeraré algunas características o escenarios por los cuales sería una buena decisión utilizar Vue.Js:

• Proyectos de tamaño pequeño o medio.
• Cuando se desea una curva de aprendizaje poco pronunciada
• Aplicación de módulos de forma progresiva, en función de las necesidades.
• Aplicación más ligera.
• Si te gusta el código limpio, pero con cierta flexibilidad.
• Equipos de desarrollo de tamaño pequeño o medio.
• Si te gusta agrupar toda la funcionalidad de un componente en un único fichero.

De todas formas, si aun no te has decidido a probar este framework, siendo sincero, mejor ni te lo pienses, ponte a ello cuanto antes! Tener una aplicación funcionando y mostrando contenido es cuestión de minutos mediante el CLI de Vue.js y la documentación tan completa que encontrarás en su página web.

Al final, lo que yo te pueda contar en este artículo si no lo compruebas tu con tus propias experiencias es todo mentira, así que no me dejes de mentiroso ;).