Vue, conceptos avanzados
Vue, conceptos avanzados
Lleva tus conocimientos de Vue a otro nivel con esta serie de técnicas avanzadas.
Sobre este libro
Qué necesitas saber
Para comprender mejor este ebook es esencial que ya entiendas lo básico de Vue. Deberías ya conocer lo que son los componentes, los props, las computadas, el ciclo de vida, etc.
Tampoco hace falta que lo domines a la perfección, es suficiente con que hayas hecho ya alguna web con el framework.
Qué vas a aprender con este libro
Este libro es una recopilación de cosas que he ido aprendiendo con los años en Vue y que no se suelen explicar en los cursos básicos de Vue.
Literalmente todo lo que he aprendido en mis años usando Vue lo he intentado plasmar en este libro, no me he dejado nada.
Las explicaciones las he intentado orientar para que sean explicaciones prácticas, con ejemplos de código para que se entiendan mejor los conceptos.
Cada capítulo es completamente independiente y se pueden leer en el orden que prefieras.
Qué contiene el libro
- Debug de webs hechas con Vue
- nextTick
- Vue con Typescript
- Vuex
- Estilos aislados y deep selectors
- Multiples entornos
- Componentes funcionales
- Internacionalización
- PWA
- Portales
- Estilos CSS con variables inline
- Arquitectura escalable
- Técnicas de optimización
- Eliminación de precompiladores CSS
- Autodocumentación de componentes
- Consejos y tips
Sobre el autor
Tabla de contenidos
-
Prefacio
- Para quién es este libro
- Cómo se organiza este libro
-
Debug de aplicaciones Vue
- console.log()
- console.assert()
- console.count()
- console.table()
- console.time()
- Debug de variables en la vista
- Vue devtools
- nextTick
-
Vue con Typescript
- Introducción a Typescript
- Cómo crear un proyecto Vue con Typescript
- Cómo instalar Typescript en un proyecto Vue ya creado
- Cómo usar Typescript en Vue
-
Cómo crear tu propia librería de componentes
- Creando el proyecto de los componentes
- Usando la librería de componentes que hemos creado
- Creando filters y directives en la librería
- Creando estilos globales
- Subiendo la librería a NPM
-
VUEX
- Instalación de Vuex
- Cómo usar Vuex
- Getters y actions
- Separación del store en módulos
- Vuex en Vue 3
-
Estilos aislados y deep selectors
- Estilos aislados
- Deep selectors
-
Variables globales y entornos
- Seleccionar el entorno al arrancar Vue
- Definir variables globales dependiendo del entorno
- Creando un nuevo entorno
-
Componentes funcionales
- Cómo crear componentes funcionales
- Componentes funcionales en Vue 3
-
Internacionalización y traducción de los componentes
- Cómo instalar Vue i18n
- Cómo usar Vue i18n
- Cómo crear un sistema para cambiar el lenguaje
-
PWA
- ¿Qué es una PWA?
- Qué requisitos tiene que tener una PWA
- Cómo crear una PWA con Vue
-
Portales para renderizar componentes en otros lugares
- Cómo instalar Vue-portal
- Portales en Vue 3
- Pasar variables CSS inline en los componentes
-
Estructura de archivos para proyectos grandes
- Estructura de carpetas por modulos
- Arquitectura para otros ficheros
-
Técnicas de optimización
- Lazy load de componentes con dynamic imports
- Object.freeze
- v-once
- Virtual scroll
- Analizando el bundle
-
Eliminación de precompiladores CSS en favor de PostCSS
- Guía para quitar SASS en favor de CSS
-
Autodocumentación de los componentes
- Documentación de los props
- Documentación de los eventos
- Creando los ejemplos con markdown
-
Consejos y tips
- Añadir propiedades a objetos para pintar en la vista
- Uso de templates para reducir v-if
- v-show para mejorar rendimiento de elementos pesados
- Pasar todos los props y eventos a componentes hijos
- Reutilizar props de otros componentes
- Validar objetos complejos de los props
- Watchers inmediatos
- Hacer watch de propiedades de objetos
- Despedida
Leanpub incondicional, sin riesgo, 100% de felicidad garantizada
Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.
Gana $8 en una compra de $10 y $16 en una compra de $20
Pagamos 80% de regalías en compras de $7.99 o más y 80% de regalías menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Ganas $8 en una venta de $10 y $16 en una venta de $20. Entonces, si vendemos 5000 copias no reembolsadas de tu libro por $20, ganarás $80,000.
(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)
De hecho, los autores han ganadomás de 13 millones de dólares escribiendo, publicando y vendiendo en Leanpub.
Obtén más información sobre escribir en Leanpub
Actualizaciones gratis. Libre de DRM.
¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).
La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.
Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.
Aprende más sobre los formatos de Leanpub y dónde puedes leerlos
