Architecting Vue.js 3 Enterprise-Ready Web Applications: Build and deliver scalable and high-performance, enterprise-ready applications with Vue and JavaScript

Cover Page....2 Table of Contents....3 Preface....5 Part 1: Getting Started with Vue.js....14 Chapter 1: Getting Started with Vue.js 3....15 Technical requirements....15 Overview of Vue.js....15 Introducing Vue.js 3....16 Building your first Vue.js 3 app....21 Summary....26 Chapter 2: Using Libraries for Large-Scale Applications....27 Technical requirements....27 Exploring large-scale Vuex....28 Structuring with the repository pattern....36 Creating a repository folder....38 Structuring Vue navigation with Vue Router....43 Summary....46 Part 2: Large-Scale Apps and Scaling Performance in Vue.js 3....48 Chapter 3: Scaling Performance in Vue.js 3....49 Technical requirements....49 Why do we need Vue.js performance optimization?....49 The primary reasons for poor Vue performance....51 Checking your Vue application’s bundle size....51 Optimizing the performance of an enterprise Vue application....54 Summary....62 Chapter 4: Architecture for Large-Scale Web Apps....63 Technical requirements....64 Understanding file architecture and structure....64 Different frontend architectural patterns....76 Implementing Storybook in Vue.js 3....84 Implementing internationalization and localization....92 Summary....97 Chapter 5: An Introduction to GraphQL, Queries, Mutations, and RESTful APIs....98 Technical requirements....98 An introduction to GraphQL....99 Understanding queries and mutations in GraphQL....106 Integrating GraphQL Apollo Client with Vue 3....110 Summary....118 Chapter 6: Building a Complete Pinterest Clone with GraphQL....119 Technical requirements....119 An introduction to Strapi....120 Scaffolding a Strapi project....120 Building the collections....123 Building a Vue 3 Pinterest app....128 Connecting the frontend and backend....132 Summary....140 Part 3: Vue.js 3 Enterprise Tools....141 Chapter 7: Dockerizing a Vue 3 App....142 Technical requirements....142 Overview of Docker....143 Implementing Docker with Vue.js 3....147 Dockerizing Vue.js and Node.js with Docker Compose....154 Summary....161 Part 4: Testing Enterprise Vue.js 3 Apps....163 Chapter 8: Testing and What to Test in Vue.js 3....164 Technical requirements....164 Overview of testing....165 Testing in software engineering....170 What to test....172 Testing a basic Vue.js 3 app....174 Component testing in Vue.js 3....182 Summary....185 Chapter 9: Best Practices in Unit Testing....186 Technical requirements....186 Introduction to unit testing....187 Best practices in unit test creation....190 JavaScript unit testing....194 Unit testing a Vue.js 3 app....197 Summary....202 Chapter 10: Integration Testing in Vue.js 3....203 Technical requirements....203 Introduction to integration testing....204 Testing a basic Vue app....213 Testing integrated components....216 Summary....220 Chapter 11: Industry-Standard End-to-End Testing....221 Technical requirements....221 Introduction to E2E testing....222 What is E2E testing?....222 JavaScript E2E testing....226 E2E testing a Vue.js 3 app....230 Summary....236 Part 5: Deploying Enterprise-ready Vue.js 3....237 Chapter 12: Deploying Enterprise-Ready Vue.js 3....238 Technical requirements....238 Introduction to CI/CD....239 Overview of CI/CD....239 What is a deployment pipeline?....242 Overview of GitHub Actions....248 Creating the deployment pipeline with GitHub Actions....254 Deploying to AWS....256 Summary....266 Chapter 13: Advanced Vue.js Frameworks....267 Technical requirements....267 Introduction to Vue frameworks....268 Understanding Nuxt.js and how it works....271 What is Gridsome?....288 Summary....297 Index....298 Why subscribe?....322 Other Books You May Enjoy....324 Packt is searching for authors like you....327 Share Your Thoughts....327 Download a free PDF copy of this book....329