Book Image

Architecting Vue.js 3 Enterprise-Ready Web Applications

By : Solomon Eseme
Book Image

Architecting Vue.js 3 Enterprise-Ready Web Applications

By: Solomon Eseme

Overview of this book

Building enterprise-ready Vue.js apps entails following best practices for creating high-performance and scalable applications. Complete with step-by-step explanations and best practices outlined, this Vue.js book is a must-read for any developer who works with a large Vue.js codebase where performance and scalability are indispensable. Throughout this book, you’ll learn how to configure and set up Vue.js 3 and the composition API and use it to build real-world applications. You’ll develop the skills to create reusable components and scale performance in Vue.js 3 applications. As you progress, the book guides you in scaling performance with asynchronous lazy loading, image compression, code splitting, and tree shaking. Furthermore, you’ll see how to use the Restful API, Docker, GraphQL, and different types of testing to ensure that your Vue.js 3 application is scalable and maintainable. By the end of this book, you’ll be well-versed in best practices for implementing Restful API, Docker, GraphQL, and testing methods to build and deploy an enterprise-ready Vue.js 3 application of any scale.
Table of Contents (21 chapters)
1
Part 1: Getting Started with Vue.js
4
Part 2: Large-Scale Apps and Scaling Performance in Vue.js 3
9
Part 3: Vue.js 3 Enterprise Tools
11
Part 4: Testing Enterprise Vue.js 3 Apps
16
Part 5: Deploying Enterprise-ready Vue.js 3

What this book covers

Chapter 1, Getting Started with Vue.js 3, covers Vue.js, Options API, the new Vue.js 3, and Composition API. Thus, it establishes and fosters an understanding of Vue.js. In addition, this chapter will explore the Vue.js 3 Composition API in depth and serve as a guide to understanding the other chapters.

Chapter 2, Using Libraries for Large-Scale Application, covers the essential aspects of Vuex, Axios, and Vue Router and how to integrate them with Vue 3 to develop an enterprise application. This background information will put you in a better position to grasp the terms and concepts of these libraries and help you understand how to build and scale an enterprise-ready application.

Chapter 3, Scaling Performance in Vue.js 3, dives deeper into scaling an extensive Vue application. You will learn how to scale performance with asynchronous lazy loading, image compression, code splitting, tree shaking, and many other tricks to increase the performance of your Vue.js 3 enterprise-ready application.

Chapter 4, Architecture for Large-Scale Web Applications, teaches you how to handle a sizable enterprise-ready project, from managing larger file structures to using the micro-frontend architecture. You will also learn how to handle the internationalization and localization of your Vue.js 3 project.

Chapter 5, An Introduction to GraphQL, Queries, Mutations, and RESTful APIs, explores GraphQL, Apollo Server 2, queries, mutations, and how to integrate these technologies into your Vue.js 3 application. In addition, you will learn how to utilize GraphQL to deliver scalable and high-performance applications.

Chapter 6, Building a Complete Pinterest Clone with GraphQL, discusses how to build a complete Pinterest clone with Vue 3 and GraphQL. You will utilize the knowledge of GraphQL to develop and deliver an enterprise application, such as Pinterest, using Vue 3 and GraphQL.

Chapter 7, Dockerizing a Vue 3 App, examines the nitty-gritty involved in dockerizing your Vue project. In addition, you will learn the best practices and industry standards to dockerize and deploy an enterprise Vue.js 3 web application. This chapter will also go more practical by dockerizing a full-stack web application and deploying a container to a cloud platform using Docker Compose. You will learn how to handle larger projects with this tool.

Chapter 8, Testing and What to Test in Vue.js 3, explores the whole concept of testing. You will learn what to test from an available array of components and methods. In addition, you will learn the best practices and industry standards for testing libraries and how to integrate them with Vue.js 3.

Chapter 9, Best Practices in Unit Testing, dives into everything related to unit testing. You will learn how to unit-test a Vue.js 3 component and the components and pages’ methods. You will also learn unit tools such as Jest and Mocha and use them to effectively unit-test an enterprise project.

Chapter 10, Integration Testing in Vue.js 3, covers everything related to integration testing. You will learn in depth how to perform an integration test on a Vue.js 3 component and pages. You will also learn about integration testing tools such as Vue-Test-Library and how to use them to test an enterprise project effectively.

Chapter 11, Industry Standard End-to-End Testing, explores everything related to end-to-end testing. You will learn in depth how to perform end-to-end testing on a Vue.js 3 component and pages. In addition, you will also learn about end-to-end testing tools, such as Cypress and Puppeteer, and how to use them to test an enterprise project end to end effectively.

Chapter 12, Deploying Enterprise-Ready Vue.js 3, shows you how to deploy Vue.js 3 projects to the AWS cloud. You will learn the best practices in deploying to AWS. In addition, you will learn how big companies deploy their enterprise Vue applications.

Chapter 13, Advanced Vue.js Frameworks, offers a definitive guide to Nuxt.js. You will learn the nitty-gritty of Nuxt.js and how to build and deliver enterprise SSR projects with Vue.js 3. We will also offer a definitive guide to Gridsome. You will learn the nitty-gritty of Gridsome and how to build and deliver enterprise CSR projects with Vue.js 3.