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 el 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 los Autores
Índice
- 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
Garantía de satisfacción 100% de Leanpub por 60 días
Durante los 60 días posteriores a la compra, puedes obtener un reembolso del 100% en cualquier compra de Leanpub, en dos clics.
Técnicamente, esto es arriesgado para nosotros, ya que tendrás los archivos del libro o curso de cualquier manera. Pero estamos tan seguros de nuestros productos y servicios, y de nuestros autores y lectores, que nos complace ofrecer una garantía de devolución total del dinero para todo lo que vendemos.
Solo puedes descubrir qué tan bueno es algo probándolo, y debido a nuestra garantía de devolución del 100% del dinero, ¡literalmente no hay riesgo al hacerlo!
Entonces, no hay razón para no hacer clic en el botón Agregar al carrito, ¿verdad?
Ver términos completos...
Gane $8 por una compra de $10, y $16 por una compra de $20
Pagamos regalías del 80% en compras de $7.99 o más, y regalías del 80% menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Usted gana $8 en una venta de $10, y $16 en una venta de $20. Así que, si vendemos 5000 copias no reembolsadas de su libro por $20, usted ganará $80,000.
(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)
De hecho, los autores han ganadomás de $14 millones escribiendo, publicando y vendiendo en Leanpub.
Aprenda más sobre escribir en Leanpub
Actualizaciones gratuitas. Sin DRM.
¡Si compras un libro de Leanpub, recibirás actualizaciones gratuitas mientras el autor actualice el libro! Muchos autores utilizan Leanpub para publicar sus libros mientras los escriben. Todos los lectores reciben actualizaciones gratuitas, sin importar cuándo compraron el libro o cuánto pagaron (incluso si fue gratis).
La mayoría de los libros de Leanpub están disponibles en PDF (para computadoras) y EPUB (para teléfonos, tabletas y Kindle). Los formatos incluidos en un libro se muestran en la esquina superior derecha de esta página.
Finalmente, los libros de Leanpub no tienen ninguna protección DRM sin sentido, por lo que puedes leerlos fácilmente en cualquier dispositivo compatible.
Aprende más sobre los formatos de ebook de Leanpub y dónde leerlos
