Chapter 2. First steps to building a Progressive Web App
In chapter 1, you learned that Progressive Web Apps (PWAs) offer a whole new set of features that allow you to build fast, resilient, and engaging web applications. In this chapter, we’ll look at some of the best practices for architecting your front-end code when building a PWA. We’ll dissect a real-world PWA and look at an overview of its features to gain insight into how you can build your own PWA.
The quote by Alex Russell in chapter 1 (about websites taking their vitamins) sums up the features of a PWA perfectly and ties in nicely with how I felt when I first started to experiment with Service Workers. As soon as I grasped the basic concept of how they worked, there was a light-bulb moment in my head when I realized how powerful they could be. As I started learning more and more about them, I started experimenting with each new PWA feature, or “vitamin,” at a time. Learning any new technology can often seem like climbing a mountain. But if you approach your learning about PWAs with the mindset of learning one new feature at a time, you’ll have the art of the PWA mastered in no time.