Progressive Web Application Development by Example

The PWA ticket rendering architecture and logic

We introduced the concept of an app shell earlier in this book. As a quick recap, this is where the application uses a common markup file to manage the common HEAD and layout features. This shell is then combined with individual pages to compose each page.

The concept has a mass adoption due to the recent rise of single page applications. Progressive web apps can benefit from this concept, but do not need to rely on rendering the markup in the UI thread.

Instead, the markup can be rendered in the service worker. The technique is similar: it uses Mustache, a JavaScript template library, to merge the data into the markup template. The rendered page markup is returned to the client. I will review ...