Large Scale Apps with Vue 3 and TypeScript

Growing a Vue application is not just a matter of adding more components. Its data flow, tests, API boundaries, and file organization need to grow with it. In Large Scale Apps with Vue 3 and TypeScript, Damiano Fusco develops a project step by step, using each stage to explore ways to keep a front-end codebase understandable and easier to extend.

Build the application, then improve its structure

The book takes a project-based, cookbook-like approach: start with a simple application, add functionality, and revisit earlier decisions as the codebase develops. This makes the architectural discussion concrete. Readers see how components, models, events, and tests fit together, rather than encountering them only as disconnected concepts.

From components to a more organized front end

• Create Vue components and define TypeScript interfaces for application data.
• Introduce unit tests while refining component code.
• Organize application state with a modular Vuex store.
• Separate API-client code so the front end can work with mocked data or live data.
• Explore localization, internationalization, and number and date formatting.

Architecture beyond the first screen

Later chapters extend the project into configuration, CSS/SASS/SCSS libraries, standalone components, and packaging component libraries for distribution. Together, these topics offer a view of front-end development that considers not only how to make a feature work, but also how to keep related code organized as the application expands.

For developers learning to scale a Vue project

The preface describes an audience ranging from beginners with some application-development experience to advanced developers. Although the examples center on Vue 3 and TypeScript, the author notes that some patterns may also be useful in other JavaScript or TypeScript applications.

A useful fit for: developers working through Vue architecture, TypeScript in front-end projects, state organization, testing, or the gradual refactoring of a growing application.