Automatic Progressive Web Apps using the Angular Mobile Toolkit
summary
Angular Mobile Toolkit wires an angular serviceworker into the production build, adding a registration script plus the service worker and an auto-generated manifest with hashed entries so the app works offline after a single visit. It includes an app shell approach, plugins for gulp and webpack, external content caching, and dynamic caching groups tuned for freshness or performance. A companion mgSW library exposes update events and push subscription flows (Firebase/FCM required), and the service worker is extensible via custom plugins.
AI-written summary · about
chapters (24)
- 0:00Intro
- 1:09Maxim Salnikov
- 1:56Milestones of the web
- 3:17Progressive Web App
- 4:1110 characteristics
- 6:42Mobile Toolkit
- 7:05Where is --mobile?
- 7:282 packages
- 8:494 main parts
- 10:04NGSW installation
- 10:31App build
- 11:45Static content caching
- 14:14Route redirection
- 15:04Extending NGSW manifest
- 17:42Dynamic content caching
- 18:08Dynamic cache settings
- 20:27Companion
- 21:12Gentle app update flow
- 22:17Push notifications
- 24:48Push settings
- 25:40Push subscription
- 27:27Basic Service Worker
- 28:05Extending functionality
- 28:36Automatic PWA
related talks
43mAutomatic Progressive Web Apps using the Angular Mobile Toolkit
22mAutomatic Progressive Web Apps using Angular Service Worker
35mProgressive Web Apps with Angular 2
24mBuild progressive web apps with Angular
39mPWA & Front-end Frameworks
33mProgressive Web Apps - the Angular way
17mProgressive Angular 2 apps
25mCreating an Angular Progressive Web App: which option will work better for you?