Many frameworks, one PWA solution
summary
Explains a concrete PWA pipeline that works across React Angular and Vue: generate an application shell, run a build-time step using workbox injectManifest to write precache hashes, keep a handwritten service worker for runtime caching, offline Google Analytics and replaying requests, and register it with register-service-worker callbacks to prompt users when a new version is ready. Notes CRA switched to Workbox on Oct 1, recommends a service-worker kill switch, and cites a 1,700+ community for follow-up.
AI-written summary · about
chapters (19)
- 0:00Intro
- 2:57Cross-platform?
- 4:50What do frameworks give us?
- 7:09The most popular frameworks
- 7:32React
- 11:02Built-in PWA support
- 11:50How many frameworks do we use
- 13:27Let's build an App shell
- 16:59Workbox
- 18:51Working modes
- 20:23Build script configuration
- 21:10Source service worker
- 21:54Build flow integration
- 22:36Service worker can do more!
- 23:38Service worker registration
- 26:03register-service-worker
- 27:25Catch update event
- 28:16Tips'n'tricks
- 29:51Kill switch
related talks
52mMany Frameworks – One PWA Solution
17mHow to build a PWA and stay sane: Introduction to Workbox
30mPWA with PWF
26mMany Frameworks – One PWA Solution
39mPWA & Front-end Frameworks
24mPWA All The Things!
33mFrameworks and Tools for Progressive Web Apps
47mSending the Angular app into deep, deep offline with Workbox