Vue.js 3 Design Patterns and Best Practices

Develop scalable and robust applications with Vite, Pinia, and Vue Router

Publisher:Packt Publishing Limited

By: Pablo David Garaguso and Olaf Zander

Paid access

|May 2024

E-Book €23.99Institutions €121.95

Description

Start or migrate to the new Vue 3 ecosystem, and learn to use Vite, Pinia, Web Workers, and other techniques to develop Single and Progressive Page Applications on solid ground

Key Features

Learn software engineering best practices and design patterns and apply them effectively to your Vue applications
Build both SPAs and PWAs using Web Workers and IndexedDB
Develop, test, build, and deploy your Vue 3 applications to a real production server

Book Description

If you’re familiar with the progressive Vue framework for creating responsive user interfaces, you’ll be impressed with its latest iteration, Vue 3, which introduces new concepts and approaches design patterns that are uncommon in other libraries or frameworks. By building on your foundational knowledge of Vue 3 and software engineering principles, this book will enable you to evaluate the trade-offs of different approaches to building robust applications.
This book covers Vue 3 from the basics, including components and directives, and progressively moves on to more advanced topics such as routing, state management, web workers, and offline storage. Starting with a simple page, you’ll gradually build a fully functional multithreaded, offline, and installable progressive web application.
By the time you finish reading this Vue book, not only will you have learned how to build applications, but you’ll also understand how to solve common problems efficiently by applying existing design patterns. With this knowledge, you’ll avoid reinventing the wheel for every project, saving time and creating software that’s adaptable to future changes.

What you will learn

What is the Vue 3 progressive framework
What are software principles and design patterns, how and when to implement them, and the trade-offs to consider
Setup your development environment using the new Vite bundler
Integrate in your applications state management, routing, multithreading, offline storage, and other resources provided to you by the browser, seldom taken advantage
Apply and identify design patterns to solve common problems in the architecture of your web application
Best practices for your code, organization, architecture, and user experience implementation
Incrementally expand an application with new functionalities without re-writing the whole application each time

Who this book is for

This book is for Vue.js developers who are passionate about framework design principles and seek to apply commonly found design patterns to their web development projects. This book assumes prior knowledge of JavaScript and a basic understanding of Vue.js, making it an ideal resource for developers looking to expand their existing skillset.