Large Scale Apps with Vue, Vite and TypeScript

Libro autopublicado en Leanpub en el que Damiano Fusco, desarrollador web y consultor con unos veinte años de experiencia, explica cómo organizar un frontend con Vue 3, Vite y TypeScript para que pueda crecer sin volverse inmanejable. Esta edición de 2023 sustituye a la anterior, «Large Scale Apps with Vue 3 and TypeScript». Está pensado para desarrolladores de nivel intermedio que ya manejan Vue y JavaScript y quieren dar el salto a una arquitectura profesional, con tipado y convenciones claras.

El índice avanza en orden: preparar el proyecto con Vite, crear el primer componente, definir interfaces para el modelo de datos y gestionar eventos en un componente de lista de elementos. Luego introduce las pruebas unitarias aprovechando una refactorización, un gestor de estado centralizado y dividido en módulos por dominio, y un cliente de API que se puede cambiar entre datos simulados (mocks) y datos reales servidos por JSONPlaceholder. Siguen la configuración de la aplicación, la internacionalización (textos traducidos y formateo de números y fechas), la incorporación de Tailwind CSS y la creación de componentes «primitivos» (botones, modales, etc.) sobre los que se montan componentes de más alto nivel. Cierra con la creación de una librería de componentes y otra de JavaScript, y su publicación como paquetes de NPM. Incluye además un anexo de convenciones de nombres.

El hilo conductor es una pequeña aplicación de listado de elementos que va ganando capas de arquitectura en cada capítulo. Lo que aporta es criterio sobre cómo aislar componentes, separar el acceso a datos y estructurar carpetas y nombres, algo que los tutoriales básicos suelen pasar por alto. En cambio, el dominio de la aplicación es deliberadamente simple: no trata backend, autenticación, SSR ni despliegue. Para aprovecharlo conviene llegar con soltura en la Composition API y nociones de TypeScript.