A progressive open web with Angular 2

on YouTube ↗49m

" summary

Demonstrates a Progressive Web App built with Angular 2/4 using Ahead-of-Time compilation, service workers and a manifest to deliver offline reliability and push. The demo app compiles to 1 MB compiled bundle, pulls data from a NodeJS JSON API, uses ZeroMQ for server-side messaging and VAPID-based web push to deliver notifications, and queues failed uploads with retries so scores sync when the server returns. The app has 78 dependencies and uses ngrx for state.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 3:23Web performance reality
3. 8:05Large page size problems
4. 9:28SPA benefits with Angular 2
5. 11:53Reliability in progressive web apps
6. 12:37How to implement progressive web apps
7. 14:43Demo app architecture
8. 17:36Live demo setup
9. 21:20Network partitions handling
10. 26:17Push notifications & offline
11. 29:50Data persistence during outages
12. 31:18Service worker requirements
13. 35:03Angular 2 PWA setup steps
14. 37:16Service & state management
15. 40:29Mobile PWA installation
16. 44:56Q&A

" related talks

• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 29mAwesome Progressive Web Apps with AngularMike Hartington · ngAtlanta 2019
• 43mAutomatic Progressive Web Apps using the Angular Mobile ToolkitMaxim Salnikov · JSHeroes 2017
• 53mWeb goes Native: Progressive Web Apps with AngularShmuela Jacobs · GDG DevFest Ukraine 2017
• 01h 00mProgressive Web Apps with Angular: Tips for Advanced UsersChristian Liebel · BASTA! Spring 2020