Search icon
Subscription
0
Cart icon
Close icon
You have no products in your basket yet
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Vue.js 3 Design Patterns and Best Practices

You're reading from  Vue.js 3 Design Patterns and Best Practices

Product type Book
Published in May 2023
Publisher Packt
ISBN-13 9781803238074
Pages 296 pages
Edition 1st Edition
Languages
Author (1):
Pablo David Garaguso Pablo David Garaguso
Profile icon Pablo David Garaguso

Table of Contents (16) Chapters

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

Testing your PWA score with Google Lighthouse

Chrome-based browsers provide together with the developer tools a utility called Lighthouse, specifically designed to test and rate web pages, and the readiness of PWAs. To access this tool, after you have opened your application in the browser, follow these steps:

  1. Open the developer tools (by pressing F12 in Windows/Linux, Fn + F12 in Mac, or through the browser menu).
  2. Click the Lighthouse menu toward the further right.
  3. Select Mobile or Desktop, plus make sure the Progressive Web App category is checked.
  4. Click Analyze page load in the top-right corner of the tool.

The developer tools should look something like this:

Figure 6.7 – Lighthouse utility

Figure 6.7 – Lighthouse utility

The tool will run a number of tests, and each different category will display a rating, as well as a detailed list of items that have either passed or failed. If our application does not qualify to be a PWA, the items marked in red...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at ₹800/month. Cancel anytime}