Progressive Web Application Development by Example

Using the app shell model and service worker to render the initial route

Since the PRPL pattern was designed from a SPA first perspective, the language speaks to that architecture. But as you have seen in the previous chapters, app shells are useful for progressive web apps.

Even when you don't have a page cached, you should have at least your application's markup shell cached locally. This can serve as your initial render, giving the user a sense of response. Meanwhile, you can retrieve any assets from the network to complete the page.

The PWA tickets app uses the service worker to render pages using Mustache templates and JSON data retrieved from the API. This is an example of how you can return the app shell as a valid response to a request ...