Build fast, reliable web applications using the latest web development technologies. This book provides step-by-step learning through the process of transforming a “traditional” web app into a high-performing progressive web app, leveraging principles and lessons taught throughout the book. You will learn to improve the performance, reliability, reach, and user engagement of mobile web applications through the use of specific, practical examples. Because most non-trivial web applications developed today use JavaScript frameworks, you will learn about the most popular frameworks offering a PWA right out of the box, including React, Preact, Vue.js, Angular, and Ionic. You also will learn which tools to enlist to measure your application’s performance, such as Google’s Lighthouse.

Beginning Progressive Web App Development includes best practices to make your app work even when an end user has a poor or no Internet connection, and to send notifications and reminders with the Notification and Push APIs to keep your users engaged. You will come away with an understanding of the technologies—application shells, server push technology, and caching—that will allow you to rapidly deliver content to your users.

As important as it is to provide mobile users with a great experience, the principles of PWAs are not limited to smartphones. Most of what you will learn in this book is directly applicable to web applications on all screen sizes. 

What You'll Learn

• Achieve nearly instant loading times
• Implement service workers to make your app load faster and work while users are offline
• Keep users engaged with web notifications
• Measure the performance and reach of your web applications
• Transform your existing web app into a progressive web app
• Create a progressive web app from scratch
• Understand what building a truly fast web app entails with Google’s PRPL pattern 

Who This Book Is For

Web developers with prior JavaScript experience

Table of Contents

Part I: Intro to PWAs and Tooling

Chapter 1: Introduction to Progressive Web Apps

Chapter 2: Tools to Measure Progressive Web Apps

Part II: PWA Features

Chapter 3: Service Workers

Chapter 4: Caching and Offline Functionality with Service Workers

Chapter 5: Background Sync for Offline Apps with Service Workers

Chapter 6: Adding your App to the Home Screen with Web App Manifest

Chapter 7: Notifications

Chapter 8: App Shell Architecture and Loading Performance

Chapter 9: Exploring HTTP/2 and Server Push

Part III: Putting the Features to Use

Chapter 10: Turning a Real App into a PWA

Chapter 11: PWAs From the Start

Part IV: Leveling Up Your PWA

Chapter 12: Leveling Up Your PWA

About the Author

Dennis Sheppard is the VP of Technology at NextTier Education, a startup dedicated to helping students navigate the college selection process. Long before that, though, Dennis graduated from Louisiana Tech University with a computer science degree, and went on to develop and architect software for almost a dozen different industries. With over 10 years of professional software development experience, he has built his share of web applications, for both mobile and desktop. Because of that, Dennis strongly believes in the power of Progressive Web Apps to further help the tech world reach those who do not have access to the fastest networks and latest and greatest phones. He was born and raised in the deep south, but migrated to the suburbs of Chicago where he lives with his wife, a set of twins who are growing up way too fast, and an arthritic but playful golden retriever.