Aplicaciones a gran escala con Vue 3 y TypeScript
Aplicaciones a gran escala con Vue 3 y TypeScript
Cree interfaces de usuario grandes y escalables que aprovechen el aislamiento de componentes, la internacionalización, la localización, una tienda Vuex modular, bibliotecas de componentes personalizados, código de cliente API que puede cambiar fácilmente entre datos simulados y datos en vivo y más.
Sobre este libro
(NOTE: There is a 2nd edition of this book in the work here https://leanpub.com/vue-vite-typescript. If you already bought this, reach to me with the same email you used on Leanpub and I will send you a coupon to download the new edition for free)
Cree interfaces de usuario de Vue 3 grandes y escalables con una gran base de código organizado que sea fácil de expandir y mantener utilizando técnicas como:
- Desarrollo de componentes de interfaz de usuario de forma aislada mediante un cliente API que puede proporcionar fácilmente datos en vivo o datos simulados.
- Crear librerías de componentes personalizadas.
- Un store Vuex modular organizado en dominios de aplicación.
- Internacionalización y localización para traducción de idiomas y formato de números / fechas de acuerdo con una cultura específica.
- Verificación de tipos de TypeScript en tiempo de desarrollo para disminuir errores o errores en tiempo de ejecución.
- Convenciones de nomenclatura de código, archivos y estructura de directorios.
- Pruebas unitarias para modelos y componentes.
- Y más.
Sobre de los autores
Tabla de contenidos
- APLICACIONES A GRAN ESCALA CON VUE3 Y TYPESCRIPT
-
Prefacio
- Agradecimientos
- Audiencia
- Objetivo
- Convenciones
- Nota del traductor
- Prerrequisitos
- Código del libro
-
Capítulo 1 - Preparando el proyecto con Vue-CLI
- Asistente de creación de proyecto
- Resumen del capítulo 1
-
Capítulo 2 - Tu primer componente
- La lista de elementos
- Requisitos del componente ItemsList
- Código del componente ItemsList
- Vista Home
-
Actualización de App.vue
- Resumen del capítulo 2
-
Capítulo 3 - Interfaces del modelo de datos
- Carpeta de modelos
- Interface ItemInterface
- Componente ItemsList
- Vista Home
- Resumen del capítulo 3
-
Capítulo 4 - Añadiendo eventos al componente Items
- Componente ItemsList
- Resumen del capítulo 4
-
Capítulo 5 - Introducción a las pruebas unitarias mientras refactorizamos un poco
- ItemComponent
- Pruebas unitarias para ItemComponent
- Componente ItemsList
- Actualizaciones a Home.vue
- Resumen del capítulo 5
-
Capítulo 6 - Presentando Vuex
- Visión general de Vuex
- Store principal de Vuex (archivo: store/index.ts)
- Interfaz ItemsStateInterface
- De vuelta al archivo store/index.ts
- Vista Home
- Navegador
- ItemsList.component.vue
- Home.vue
- Navegador
- Componente Loader
- Componente ItemsList
- Componente ItemsList - mejorando el manejador del click de Item
- Store de Vuex: mutación selectItem
- Store de Vuex: acción selectItem
- Resumen del capítulo 6
-
Capítulo 7 - Cliente API
- Vista general del cliente de API
- Dominios
- El cliente ApiClient principal
- Cliente de API de Items
- Clientes de API Mock y Live
- cliente de API Mock
- Cliente de API Live
- Factoría de clientes de API
- Actualizaciones a la instancia de Vuex
- Alternativas
- Resumen del capítulo 7
-
Capítulo 8 - Mejorando el cliente de API
- Interfaces y modelos de HttpClient
- Pruebas unitarias para HttpClient
- Actualización ItemsApiClientModel
- Resumen del capítulo 8
-
Capítulo 9 - Modularizando el store de Vuex
- Instancia actual del store de Vuex (src/store/index.ts)
- Modelos del store y el estado
- Instancia store
- La fea sintaxis con interpolación módulo/mutación
- Resumen
- Resumen del capítulo 9
-
Capítulo 10 - Localización e internacionalización - Localización de idioma - Parte 1
- Plugin: vue-i18n
- Resumen del capítulo 10
-
Capítulo 11 - Localización e internacionalización - Localización de idioma - Parte 2
- El componente LocaleSelector
- Módulo de Vuex para localizaciones
- Implementación de LocalsStateInterface
- LocaleSelector.component.vue
- LocaleFlagRadio.component.vue
- Archivo src/main.ts
- Archivo src/App.vue
- Navegador
- Resumen del capítulo 11
-
Capítulo 12 - Localización e internacionalización - Localización de idioma - Parte 3
- Traduciendo la navegación principal
- Traducir el componente de Items
- Resumen del capítulo 12
-
Capítulo 13 - Localización e internacionalización - Formato de números y fechas
- Actualizaciones a los archivos JSON de traducción
- Resumen del capítulo 13
-
Chapter 14 - Configuración de la app
- src/config
- tsconfig.json
- src/config/index.ts
- Pruebas unitarias contra Config
- Resumen del capítulo 14
-
Capítulo 15 - Usando librerías CSS/SASS/SCSS
- Librería SCSS
- Actualizaciones del plugin Flag-Icons
- Plugin MyAppScss
- Componente ThemeSelector
- Resumen del capítulo 15
-
Capítulo 16 - Creando componentes independientes
- Eliminar el código actual de ThemeSelector
- Crea la carpeta components-standalone
- Crear la carpeta ThemeSelector
- Crear los modelos de ThemeSelector
- Crear los modelos para el store propio de ThemeSelector
- Claves constantes para localStorage
- Creación del componente ThemeSelector
- Modificaciones en App.vue
- Resumen del capítulo 16
-
Chapter 17 - Empaquetando librerías de componentes para su distribución
- Actualizaciones a my-project
-
Chapter 18 - Introducción a los primitivos
- Atomic Design y similares
- Convenciones
- Estrategias generales
- TailwindCSS
- Elementos de texto
- Vista Primitives
- Resumen del capítulo 18
-
Capítulo 19 - Más primitivos
- Botones
- Vista Primitives - actualización
- Elementos Toggle/Checkbox
- Vista Primitives - una actualización más
- Resumen del capítulo 19
-
Capítulo 20 - Componentes de más alto nivel
- Componente Item - actualizaciones
- Componente ItemsList - actualizaciones
- Resumen
- Resumen del capítulo 20
-
Chapter 21 - Componentes dinámicos
- Elemento BaseCard
- Componente BaseWidget
- Componente CustomersWidget
- Componente OrdersWidget
- Componente ItemsListWidget
- Fichero WidgetsCatalog.ts
- Componente WidgetsContainer, modelos y estado
-
Vista Widgets Playground
- Navegador
- Resumen
- El archivo Vue.config.js
-
Convención de nombres
- Estándar de código
- Notas
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.
80% de regalías. Gana $16 en un libro de $20.
Pagamos 80% de regalías. No es un error tipográfico: ganas $16 en una venta de $20. Si vendemos 5000 copias no reembolsadas de tu libro o curso 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 $12 millonesescribiendo, publicando y vendiendo en Leanpub.
Aprende más sobre cómo 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
