Vue es un framework versátil empleado en la creación de sitios web de tipo SPA; es una tecnología modular, basada en componentes donde un componente puede verse como una pequeña pieza de código y podemos agrupar componentes para crear componentes más complejos.
Vue es un framework pequeño, simple y liviano si lo comparamos con otros frameworks como React o Angular, pero su simpleza nos da ventanas como:
- Curva de aprendizaje menos elevada que la de su competencia.
- El framework es de un menor tamaño que el de la competencia (unos 470 KB y 18 KB minificados).
- Es un framework versátil lo que significa que puede ser empleado junto con otras soluciones como typescript.
- Es un framework reactivo, lo que significa que cuando se actualiza su modelo de datos se actualiza la vista y viceversa.
- Vue es un framework progresivo, lo que significa que podemos extenderlo mediante otros plugins como Vuex, Router, Testing entre otros soportados de manera oficial.
Este libro es mayoritariamente práctico, iremos conociendo los fundamentos de Vue, conociendo sus características principales en base a una pequeña aplicación que iremos expandiendo capitulo tras capitulo.
Si estás buscando un libro Vue JS 3 que te permita aprender el framework desde cero —pero con la mirada práctica de quien ya ha creado aplicaciones reales—, esta guía es para ti.
Llevo más de una década desarrollando aplicaciones web y, sinceramente, pocas tecnologías me han dado una experiencia tan balanceada entre simplicidad y poder como Vue. Cuando lo usé por primera vez, me sorprendió lo rápido que podía montar un componente funcional sin pelear con configuraciones interminables.
A lo largo de este artículo vas a entender qué necesitas antes de comenzar, qué aprender, cómo estructurar tus primeros proyectos, y cómo reconocer un libro de Vue 3 realmente bueno.
Requisitos
No necesitas ser experto, pero sí es importante conocer variables, funciones, arreglos, objetos y manejo básico del DOM. Justo el tipo de fundamentos que repaso al inicio de mis proyectos personales para mantener todo claro.
- Herramientas recomendadas (Node, Vite, VSCode)
- Node.js para manejar dependencias.
- Vite para crear proyectos modernos de forma rápida (aunque Vue CLI sigue siendo útil).
- VSCode con extensiones como Volar para una mejor experiencia.
- Primeros pasos para preparar tu entorno
- Instalar Node.
- Crear un proyecto con npm create vite@latest.
- Instalar dependencias con npm install.
- En mis propios desarrollos, suelo preferir Vite por la velocidad de recarga y el soporte más moderno.