Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Vue.js 3 Design Patterns and Best Practices
Vue.js 3 Design Patterns and Best Practices

Vue.js 3 Design Patterns and Best Practices: Develop scalable and robust applications with Vite, Pinia, and Vue Router

Arrow left icon
Profile Icon Pablo David Garaguso
Arrow right icon
S$38.99 S$43.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.8 (10 Ratings)
eBook May 2023 296 pages 1st Edition
eBook
S$38.99 S$43.99
Paperback
S$53.99
Subscription
Free Trial
Arrow left icon
Profile Icon Pablo David Garaguso
Arrow right icon
S$38.99 S$43.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.8 (10 Ratings)
eBook May 2023 296 pages 1st Edition
eBook
S$38.99 S$43.99
Paperback
S$53.99
Subscription
Free Trial
eBook
S$38.99 S$43.99
Paperback
S$53.99
Subscription
Free Trial

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Table of content icon View table of contents Preview book icon Preview Book

Vue.js 3 Design Patterns and Best Practices

Software Design Principles and Patterns

Software development is fundamentally a human-intensive discipline. This means that it requires knowledge of both techniques and technology, but also comprehension of the problem and the ability to make decisions to implement a solution on multiple levels of abstraction. Programming has much to do with how a developer thinks. Over the years, and within each context and language, guidelines and solutions have emerged to solve recurring problems. Knowledge of these patterns will help you identify when to apply them and speed your development on a sure footing. On the other hand, principles are guiding concepts that should be applied at every stage of the process and have more to do with how you approach the process.

In this chapter, we will take a look at a non-exclusive and non-exhaustive list of principles and patterns that are common in Vue 3 application development.

Principles

Patterns

  • Separation of concerns
  • Composition over inheritance
  • Single responsibility
  • Encapsulation
  • KIC – keep it clean
  • DRY – don’t repeat yourself
  • KISS – keep it simple stupid
  • Code for the next
  • Singleton
  • Dependency injection
  • Observer
  • Command
  • Proxy
  • Decorator
  • Façade
  • Callbacks
  • Promises

Table 2.1 The principles and patterns covered in this chapter

Understanding these principles and patterns will help you use the framework more efficiently and more often than not, it will prevent you from “reinventing the wheel”. Together with the first chapter, this will conclude the foundational part of this book and will give you the basis to follow the practical parts and implementation of application examples in the rest of the book.

What are the principles of software design?

In software development, design principles are high-level conceptual guidelines that should apply to the entire process. Not every project will use the same principles, and these are not mandatory rules to be enforced. They can appear in a project from the architecture down to the user interface (UI) and the last bit of code. In practice, some of these principles can also influence software attributes, such as maintainability and re-usability.

Left arrow icon Right arrow icon
Download code icon Download Code

Key benefits

  • 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

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.

Who is this book 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.

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

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : May 30, 2023
Length: 296 pages
Edition : 1st
Language : English
ISBN-13 : 9781803249001
Category :
Languages :
Tools :

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : May 30, 2023
Length: 296 pages
Edition : 1st
Language : English
ISBN-13 : 9781803249001
Category :
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just S$6 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just S$6 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total S$ 175.97
Architecting Vue.js 3 Enterprise-Ready Web Applications
S$53.99
Frontend Development Projects with Vue.js 3
S$67.99
Vue.js 3 Design Patterns and Best Practices
S$53.99
Total S$ 175.97 Stars icon

Table of Contents

14 Chapters
Chapter 1: The Vue 3 Framework Chevron down icon Chevron up icon
Chapter 2: Software Design Principles and Patterns Chevron down icon Chevron up icon
Chapter 3: Setting Up a Working Project Chevron down icon Chevron up icon
Chapter 4: User Interface Composition with Components Chevron down icon Chevron up icon
Chapter 5: Single-Page Applications Chevron down icon Chevron up icon
Chapter 6: Progressive Web Applications Chevron down icon Chevron up icon
Chapter 7: Data Flow Management Chevron down icon Chevron up icon
Chapter 8: Multithreading with Web Workers Chevron down icon Chevron up icon
Chapter 9: Testing and Source Control Chevron down icon Chevron up icon
Chapter 10: Deploying Your Application Chevron down icon Chevron up icon
Chapter 11: Bonus Chapter - UX Patterns Chevron down icon Chevron up icon
Final words Chevron down icon Chevron up icon
Index Chevron down icon Chevron up icon
Other Books You May Enjoy Chevron down icon Chevron up icon

Customer reviews

Top Reviews
Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.8
(10 Ratings)
5 star 90%
4 star 0%
3 star 10%
2 star 0%
1 star 0%
Filter icon Filter
Top Reviews

Filter reviews by




Wellington Mekhoe Jan 18, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Feefo Verified review Feefo
Kirill Sakun Dec 12, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Feefo Verified review Feefo
Milos Pavlovic Aug 01, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Feefo Verified review Feefo
Vladyslav Nosal Jun 15, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I really liked the content as it enables to both explore new things and look at already established practice from a different standpoint. I would say that I was please to see different patterns and their employment in scope of Vue and sometimes I encountered really cool information which is either not very easy to find or is not so popular across the web. In addition to that, I was also happy to learn more about PWA as I really thing this is a very promising direction of web development, and book covers everything from the setting it up to powering it up with multhreading.
Amazon Verified review Amazon
Anthony Jun 16, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
"Vue.js 3 Design Patterns and Best Practices" by Pablo David Garaguso is an indispensable resource for Vue developers looking to level up their skills and build robust applications. Garaguso's book provides a comprehensive guide that covers essential design patterns and best practices, empowering developers to write clean, maintainable code.One of the book's greatest strengths is its organization. Garaguso starts with an introduction to the core concepts of Vue.js 3, ensuring readers have a solid foundation before delving into design patterns. Each pattern is introduced with a clear explanation and then showcased through a step-by-step implementation process. This systematic approach enables developers to grasp the concepts gradually and apply them effectively.Furthermore, the book emphasizes best practices, teaching readers how to write clean and efficient code. Garaguso highlights common pitfalls and provides tips for optimizing performance, improving reusability, and organizing project structure. These best practices not only enhance the quality of your code but also contribute to a smoother development process and better collaboration within teams.In conclusion, "Vue.js 3 Design Patterns and Best Practices" is an exceptional book that should be on every Vue.js developer's shelf. Whether you're a novice or an experienced developer, the book will empower you to write cleaner, more maintainable code and unlock the full potential of Vue 3. Highly recommended!
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How do I buy and download an eBook? Chevron down icon Chevron up icon

Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else
How can I make a purchase on your website? Chevron down icon Chevron up icon

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)
Where can I access support around an eBook? Chevron down icon Chevron up icon
  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see www.packtpub.com/support and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to www.packtpub.com/account
  • To contact us directly if a problem is not resolved, use www.packtpub.com/contact-us
What eBook formats do Packt support? Chevron down icon Chevron up icon

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

What are the benefits of eBooks? Chevron down icon Chevron up icon
  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space
What is an eBook? Chevron down icon Chevron up icon

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.