Summary

This chapter was all about PWAs. We spent some valuable time better understanding the high-level distinctive features of this modern web development pattern and how to translate them into technical specifications. Right after that, we started implementing them, taking into account the various available options offered by our front-end and back-end frameworks.

As for the implementation, we chose to take the manual route for our healthcheck.client app first, then to experience the automatic installation feature powered by the Angular CLI for the worldcities.client app. In both scenarios, we made good use of the @angular/service-worker npm package, a module available since Angular 5 that provides a fully featured service worker implementation that can be easily integrated into our apps.

Next, we took some time to understand how to handle the offline status of our app, evaluating various strategies and eventually choosing a heartbeat-based solution using the ng-connection...