Building an Angular PWA: Angular Service Worker or Workbox?
summary
Two concrete choices and what they actually do: Angular Service Worker (ngsw) is a one‑liner via the CLI that generates an ngsw-config.json to precache the app shell, emit an ngsw-worker.js, and exposes an SwUpdate observable for version notifications; it works without writing a service‑worker file. Workbox uses injectManifest into a custom service‑worker source, gives multiple strategies (eg stale-while-revalidate, cache‑first, network‑first), plugins like broadcastUpdate, and keeps full control at build and runtime — both approaches are production‑ready.
AI-written summary · about
chapters (10)
- 0:00Start
- 2:24What Is Progressive App Application
- 5:47Progressive Enhancement
- 21:11Overview of What Is Serviceworker
- 28:37Why Do We Need Tools
- 30:14Angular Service Worker
- 43:08Register Serviceworker
- 44:57Feature Detection
- 47:39Runtime Caching
- 51:50You Have To Just Have a Couple of Lines To Register Serviceworker in and this Will Work and this in It Still Can Improve Your the Behavior of Even One Page of Hello World and Your Picture It Might Be Installable and It Yeah It Will Work Offline and all You Can Send Even Push Notifications Right Rich Functionality Goes out of the Box We Just Use Corresponding Modules and Methods if We Have To Configure It's Super Flexible and They Still Keep Full Power of Our Own Service Worker Why Is That Important because What I Listed Is Just Say It's Foundations
related talks
32mBuilding an Angular PWA Angular Service Worker or Workbox?
38mSending your Angular App into deep, deep offline with Workbox
17mCrafting Bespoke PWA Experiences with Angular
47mSending the Angular app into deep, deep offline with Workbox
33mAngular and Service Workers
52mMany Frameworks – One PWA Solution
22mAutomatic Progressive Web Apps using Angular Service Worker
17mHow to build a PWA and stay sane: Introduction to Workbox