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

Cover\nTitle Page\nCopyright and Credits\nDedication\nContributors\nTable of Contents\nPreface\nPart 1: Getting Started with Vue.js\nChapter 1: Getting Started with Vue.js 3\n	Technical requirements\n	Overview of Vue.js\n	Introducing Vue.js 3\n		Vue 3 performance\n		Tree-shaking support\n		The Composition API\n	Building your first Vue.js 3 app\n		Creating a Vue 3 app with Vite\n		What is the Strapi CMS?\n	Summary\nChapter 2: Using Libraries for Large-Scale Applications\n	Technical requirements\n	Exploring large-scale Vuex\n		Vuex modules\n		The Vuex state\n		Vuex getters\n		Vuex mutations\n		Vuex actions\n	Structuring with the repository pattern\n		Overview of the repository pattern\n	Creating a repository folder\n		Creating a clients folder\n		Creating an xxxClient.js class\n		Creating an individual repository class\n		Creating a RepositoryFactory.js class\n		Using the repository pattern\n	Structuring Vue navigation with Vue Router\n		The folder structure\n		The index.js file\n		Hash mode\n		HTML5 mode\n		The combine.js file\n		Adding the router to Vue\n	Summary\nPart 2: Large-Scale Apps and Scaling Performance in Vue.js 3\nChapter 3: Scaling Performance in Vue.js 3\n	Technical requirements\n	Why do we need Vue.js performance optimization?\n	The primary reasons for poor Vue performance\n	Checking your Vue application’s bundle size\n		Generating a report\n		Running the npm build command\n	Optimizing the performance of an enterprise Vue application\n		Asynchronous/lazy component loading\n		WebP images and image compression\n		Code splitting\n	Summary\nChapter 4: Architecture for Large-Scale Web Apps\n	Technical requirements\n	Understanding file architecture and structure\n		Predictability in Vue 3\n	Different frontend architectural patterns\n		Micro frontend architecture\n		Atomic Design\n		Storybook\n	Implementing Storybook in Vue.js 3\n	Implementing internationalization and localization\n		Benefits of internationalizing software\n		Installing Vue I18n\n	Summary\nPart 3: Vue.js 3 Enterprise Tools\nChapter 5: An Introduction to GraphQL, Queries, Mutations, and RESTful APIs\n	Technical requirements\n	An introduction to GraphQL\n		What is GraphQL?\n		Features of GraphQL\n		Why use GraphQL instead of REST?\n		The difference between GraphQL and RESTful APIs\n	Understanding queries and mutations in GraphQL\n		Using queries\n		Using mutations\n	Integrating GraphQL Apollo Client with Vue 3\n		Installation\n		Structuring GraphQL\n		JWT authentication for sign in/sign up\n	Summary\nChapter 6: Building a Complete Pinterest Clone with GraphQL\n	Technical requirements\n	An introduction to Strapi\n	Scaffolding a Strapi project\n	Building the collections\n		Seeding data\n	Building a Vue 3 Pinterest app\n		Generating the Cards component\n	Connecting the frontend and backend\n		The auth folder\n		The photos folder\n		The users folder\n	Summary\nChapter 7: Dockerizing a Vue 3 App\n	Technical requirements\n	Overview of Docker\n		What is Docker?\n	Implementing Docker with Vue.js 3\n		Prerequisite\n		Example project\n	Dockerizing Vue.js and Node.js with Docker Compose\n		Overview of Docker Compose\n		Running the app on Docker Compose\n	Summary\nPart 4: Testing Enterprise Vue.js 3 Apps\nChapter 8: Testing and What to Test in Vue.js 3\n	Technical requirements\n	Overview of testing\n		What is software testing?\n		Why software testing is important\n		The benefits of software testing\n	Testing in software engineering\n		Types of software testing\n	What to test\n		Testing strategy\n		What you should test\n		What you should not test\n	Testing a basic Vue.js 3 app\n		Creating a test folder\n		Writing a basic unit test\n	Component testing in Vue.js 3\n		Writing a basic component test\n	Summary\nChapter 9: Best Practices in Unit Testing\n	Technical requirements\n	Introduction to unit testing\n		What is unit testing?\n		The importance and benefits of unit testing\n	Best practices in unit test creation\n		Arrange, act, and assert\n		Write deterministic tests\n		Write good test names and descriptions\n		Write tests before or during development (TDD)\n		Using mocks and stubs\n		Leverage automation testing\n	JavaScript unit testing\n		Popular JavaScript testing frameworks\n	Unit testing a Vue.js 3 app\n		What to test\n		Running unit tests manually\n	Summary\nChapter 10: Integration Testing in Vue.js 3\n	Technical requirements\n	Introduction to integration testing\n		What is integration testing?\n		Importance of integration testing\n		Benefits of integration testing\n		Best practices when creating integration tests\n		JavaScript integration testing\n	Testing a basic Vue app\n		Writing a basic integration test\n	Testing integrated components\n	Summary\nChapter 11: Industry-Standard End-to-End Testing\n	Technical requirements\n	Introduction to E2E testing\n	What is E2E testing?\n		Importance of E2E testing\n		Benefits of E2E testing\n		Best practices in E2E test creation\n	JavaScript E2E testing\n		Selenium WebDriver\n		Cypress\n		Playwright\n		Puppeteer\n		Karma\n	E2E testing a Vue.js 3 app\n		Setting up Cypress\n		Creating the test file\n		Running the test\n	Summary\nPart 5: Deploying Enterprise-ready Vue.js 3\nChapter 12: Deploying Enterprise-Ready Vue.js 3\n	Technical requirements\n	Introduction to CI/CD\n	Overview of CI/CD\n		Continuous integration\n		Continuous delivery\n		Continuous deployment\n	What is a deployment pipeline?\n		Elements of a deployment pipeline\n		Overview of a deployment pipeline\n	Overview of GitHub Actions\n		Jobs in the deployment pipeline\n	Creating the deployment pipeline with GitHub Actions\n	Deploying to AWS\n		Using Docker\n		Provisioning AWS resources\n		Pipeline for the production environment\n	Summary\nChapter 13: Advanced Vue.js Frameworks\n	Technical requirements\n	Introduction to Vue frameworks\n		Top Vue frameworks\n	Understanding Nuxt.js and how it works\n		Uses of Nuxt.js\n		How does Nuxt.js work?\n		Benefits of Nuxt.js\n		Creating a Nuxt.js app\n		Nuxt.js pages and routing system\n	What is Gridsome?\n		What is Gridsome used for?\n		How does Gridsome work?\n		Benefits of Gridsome\n		Creating a Gridsome app\n	Summary\nIndex\nAbout Packt\nOther Books You May Enjoy