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

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.

What You Will Learn:

• Scale your app's performance in Vue.js 3 using best practices
• Implement testing strategies for large-scale Vue.js codebase
• Manage large file structures using the micro frontend architecture
• Discover the industry standard to Dockerize and deploy an enterprise Vue.js 3 web application
• Use GraphQL to deliver scalable and high-performing applications
• Explore various testing libraries and how to integrate them with Vue.js 3

Who this book is for:

The Vue.js 3 book is for Vue.js developers and professional frontend developers who want to build high-performance, production-grade, and highly scalable enterprise Vue.js apps from design to deployment. The book assumes working knowledge of Vue.js and JavaScript programming.