Fullstack Vue 3 The Complete Guide to Vue.js
Hassan Djirdeh
- Editorial
- Newline
- Año
- 2018
- Páginas
- ~625
- Nivel
- Intermedio
De qué trata
Guía extensa de Newline (la serie «Fullstack» de Nate Murray y Ari Lerner), escrita principalmente por Hassan Djirdeh, que trabajó como ingeniero en Shopify. La primera edición, de 2018, se basaba en Vue 2. Esta versión está actualizada para Vue 3 y amplía el contenido con capítulos avanzados. Está pensada para desarrolladores con buena base de JavaScript que quieren aprender Vue de forma práctica y llegar a estructurar aplicaciones medianas y grandes.
El temario básico abarca la preparación del entorno y la primera aplicación, los componentes de un solo archivo (SFC) y un store global sencillo, los eventos personalizados y el event bus, y los conceptos de Flux con Vuex, primero en local y luego conectado a un servidor. A eso se suman el manejo de formularios con librerías de validación y persistencia asíncrona, el enrutamiento con Vue Router (rutas autenticadas y navigation guards) y las pruebas unitarias con vue-test-utils. Los capítulos avanzados tratan la Composition API, el uso de TypeScript con Vue (tipado de props, tsconfig.json y composables propios) y el consumo de GraphQL con Vue Apollo, incluidas las mutaciones.
Cada capítulo gira en torno a un proyecto ejecutable, por lo que se aprende sobre todo construyendo. Su valor está en la amplitud y en que explica con mucho detalle cada paso, desde una app vacía hasta una arquitectura con estado, rutas y pruebas. Hay que tener en cuenta que la gestión de estado se enseña con Vuex en lugar de Pinia, y que los temas de Composition API, TypeScript y GraphQL solo están en el paquete avanzado. No cubre SSR ni Nuxt.
- Vue 3
- Single-File Components
- Eventos personalizados
- Vuex
- Comunicación con servidor
- Formularios y validación
- Vue Router
- Autenticación por token
- vue-test-utils
- Composition API
- TypeScript
- GraphQL y Vue Apollo
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación de votación
Primera app del libro que renderiza componentes dinámicos y practica las directivas estándar de Vue y el enlace de datos.
Calendario de eventos
Aplicación con componentes de un solo archivo que introduce la arquitectura basada en componentes y una gestión de estado simple con un store propio.
Carrito de compras persistido en servidor
Tienda que usa Vuex para gestionar el carrito y guarda los datos en un servidor local. Más adelante se amplía con rutas dinámicas y autenticación por token mediante Vue Router.
Formularios con validación
Formularios que reciben datos del usuario, muestran mensajes claros cuando el formato no es válido y guardan la información de forma asíncrona.
App del clima con pruebas
Aplicación que consume una API meteorológica externa y se prueba con vue-test-utils.
Modo oscuro y notificaciones con Composition API
Ejemplos de los capítulos avanzados que reorganizan la lógica en composables para implementar un modo oscuro y un sistema de notificaciones.
