Comenzamos curso sobre Vue.js, un framework de JavaScript para el desarrollo de aplicaciones web, la construcción de interfaces de usuario (UI) y aplicaciones web de una sola página (SPA).
Fue creado por Evan You en 2014. Mientras trabajaba en Google, Evan You usaba AngularJS para desarrollar interfaces de usuario. Sin embargo, encontró que era demasiado complejo para ciertos casos.
Así que tomó inspiración de AngularJS (especialmente en la parte de componenetes y databinding) y también de React (en el enfoque reactivo y el virtual DOM) para diseñar un framework que fuera más simple y flexible.
Esa inspiración llevó al nacimiento de Vue.js en 2014 🌄. Desde entonces ha ganado una enorme popularidad debido a su simplicidad, flexibilidad y rendimiento.
Al principio, Vue.js le costo conseguir alto grado de adaptación, principalmente, por no tener el respaldo de una gran empresa detrás.
Progresivamente, Vue.js se ha convertido en uno de los frameworks frontend más top del momento, a la altura y popularidad de los más grandes como React o Angular.
Y como es uno de mis frameworks favoritos, … pues se viene curso 😀
¿Por qué usar Vue.js?
Vue.js se ha posicionado como una de las opciones más populares para el desarrollo frontend debido a varias razones clave:
Para mi, la principal es su sistema de reactividad. Es decir, la forma que tiene de actualizar el interfaz de usario cuando realizamos cambios en los datos.
Uno de los motivos por los que la reactividad de Vue.js es tan potente, es porque se basa en la mutabilidad de los objetos. Lo cual emita muchas de las “peculiaridades” de otros frameworks (tojo, tojo … React… tojo).
Pero hay más motivos para la popularidad de Vue.js. Aquí hablamos de algunos de ellos 👇.
Vue.js tiene una curva de aprendizaje suave, especialmente para desarrolladores que ya están familiarizados con HTML, CSS y JavaScript.
Al igual que casi todos los frameworks modernos, Vue.js está basado en componentes, lo que permite dividir la aplicación en partes reutilizables y mantenibles.
Finalmente, usa un sistema de plantillas simple. Combina HTML con directivas especiales, estilos y scripts, en el mismo fichero.
Vue.js es un framework progresivo, lo que significa que no necesitas adoptar todo el ecosistema de Vue.js de una vez.
Puedes empezar con lo básico y agregar más funcionalidades según sea necesario. Así, puedes integrarlo en un proyecto existente o usarlo para construir una aplicación completa desde cero.
Vue.js es conocido por su alto rendimiento. Utiliza un sistema de renderizado virtual (Virtual DOM) similar al de React, pero con mejoras en la gestión de dependencias y la reactividad.
Esto resulta en una interfaz de usuario muy rápida y fluida, incluso en aplicaciones complejas, o con muchos cambios en los datos.
Incluso hay varias ideas y mecanismos en camino, para optimizarlo mucho más aún.
Vue.js cuenta con una comunidad activa y un ecosistema en crecimiento.
Herramientas como:
- Vue Router
- Pinia (para la gestión de estado)
- Vite (para la construcción rápida)
- Nuxt.js (para SSR y SSG)
- Librerías de Componentes UI
Hacen que Vue.js sea una opción completa y con futuro para el desarrollo (si un framework no atrae a comunidad y genera componetes, está abocada a desaparecer pronto).
En definitiva, Vue.js es uno de los principales frameworks para el desarrollo de aplicaciones web (y, como he dicho, uno de mis favoritos).
Si estás comenzando en el mundo del desarrollo frontend o buscas un framework para tus aplicaciones web, Vue.js es una excelente elección.
En los siguientes tutoriales de este curso, iremos viendo cómo usar Vue.js desde lo más básico, hasta construir aplicaciones complejas 🎉.