3 motivos por el cual amarás Vue.js si eres un desarrollador Frontend

¿Cuántas veces has tenido dudas sobre qué marco de JavaScript utilizar para crear tu aplicación web? Hoy en día es impensable no utilizar uno y de hecho el panorama del mismo es inmenso.

En este artículo, me centraré en las razones por las que prefiero Vue.js sobre todos los demás competidores, resumiéndolo todo en 3 puntos según mi experiencia personal.

Facilidad de uso de Vue.js

A diferencia de otros marcos monolíticos, Vue.js puede incluirse como una biblioteca dentro de su proyecto y está desarrollado para facilitar la creación de interfaces de usuario progresivas y receptivas. Hay varias formas de comenzar con Vue.js, por ejemplo, puede usarlo con el CND, puede usar npm instalándolo como una dependencia, o puede aprovechar los comandos @ vue / cli, disponibles directamente desde la documentación oficial.

En el siguiente ejemplo, creó una pequeña aplicación de prueba, importo el CDN y creó la instancia de vue.js en la etiqueta <script>

Como puedes ver, en prácticamente dos minutos, creé una aplicación vue.js fácilmente ampliable. Este es uno de sus puntos fuertes, todo lo que realmente necesitas para empezar es un conocimiento básico de JavaScript, HTML y CSS, de hecho a diferencia de otros competidores como Angular que hace necesario conocer TypeScript y reaccionar donde en cambio necesitas saber jsx, Vue.js se limita solo a HTML, CSS y JavaScript. A partir del ejemplo propuesto anteriormente, es fácil entender que introducirlo en cualquier proyecto iniciado, como un sitio que comenzó a usar Laravel, es fácil e indoloro.

En el ejemplo anterior, el punto de partida es siempre la instancia (new Vue ...), que acepta como parámetros del constructor un objeto en el que valoramos la función data (). Al final de la creación de la instancia, se llama al método $ mount que "monta" la lógica del marco en el componente html, buscándolo con su selector pasado como parámetro.

Ecosistema rico, versátil, y bien definido

El núcleo de Vue.js ya permite crear componentes receptivos y reutilizables, pero también incluye un conjunto de bibliotecas, creadas por el equipo oficial, que manejan una serie de problemas comunes entre proyectos, proporcionando una solución eficiente y estable.

Ejemplos son vue-router para la parte de enrutamiento y navegación entre páginas, vuex, para la parte de gestión del estado y por tanto de todos los datos en común en las distintas partes de la aplicación, el citado vue-cli, un conjunto de terminales comandos útiles para iniciar un nuevo proyecto y también las devtools, que se pueden usar descargando una extensión del navegador y que facilitan enormemente la depuración de la aplicación.

El ecosistema Vue está representado en esta imagen directamente desde GitHub:

Tener un ecosistema tan definido es una gran ventaja para quienes optan por utilizar Vue.js, ya que permite, como pequeños ladrillos que construyen una casa, elegir única y exclusivamente ese conjunto de funcionalidades que van a solucionar un problema específico tomado como objeto.

La popularidad de Vue.js

Otro punto extremadamente importante se refiere a su popularidad. En los últimos años hemos asistido a un crecimiento constante en el uso, debido a la comunidad cada vez más amplia y a su constante evolución (no olvidemos el anuncio de Vue 3.0), que objetivamente lo convierte en uno de los mejores frameworks JavaScript en los que invertir tu tiempo. y estudiar.

Vue.js se inspira a Angular y React, tomando los mejores puntos entre los dos

Todos conocen la historia de Evan You, el creador de Vue.js, a quien se le ocurrió la idea de este marco mientras trabajaba para Google en proyectos en los que también usaba Angular.js.

La idea detrás de esto era crear algo mucho más liviano que Angular, manteniendo la misma naturaleza declarativa de enlace de datos, pero con un conjunto de API diferente y más accesible. Aquí es donde surge la idea de Vue.js.

Podemos imaginar a Vue.js como un hijo de Angular y React, emulando el enfoque de componentes, el concepto de DOM virtual y la gestión del estado de la aplicación desde React.

(Vuex / Redux) y de Angular la lógica de enrutamiento y la separación entre código HTML y JavaScript.

En cuanto al rendimiento, Vue.js, con un peso de aproximadamente 20 kb, se encuentra entre los marcos más rápidos para crear aplicaciones web.

Entonces, como hemos visto, te recomiendo que uses Vue.js si estás buscando:

• Un marco cada vez más popular con excelente documentación, lo que resulta en una demanda cada vez mayor para los desarrolladores de Vue.js
• Una curva de aprendizaje muy baja, lo que permite el crecimiento de la experiencia con relativa rapidez.
• Un marco ligero, rápido y fácil de integrar en cualquier aplicación web, como un proyecto en Laravel. De hecho, Vue.js es una de las integraciones predeterminadas que encontramos en cualquier proyecto de Laravel.