Automating Service Workers with Workbox 6

on YouTube ↗38m

" summary

Shows how to automate creating and registering a service worker using Workbox 6: use workbox-build to inject a precache manifest, workbox-window for deferred registration, and plugins like broadcastUpdate. Demonstrates cache strategies (stale-while-revalidate and cache-first/runtime), recipe-based presets, and a sample app that builds an offline shell plus runtime-cached articles, with DevTools logs confirming the automated build-and-register workflow works.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 4:39Progressive web apps today
3. 9:43Service Worker challenges
4. 13:17Workbox as solution
5. 16:09Workbox 6 setup
6. 23:12Offline app demo
7. 27:36Caching strategies in Workbox
8. 31:52Flexibility and automation
9. 32:55Resources and community
10. 34:19Q&A

" related talks

• 51mAutomating a service worker with Workbox 6Maxim Salnikov · NDC Oslo 2021
• 17mHow to build a PWA and stay sane: Introduction to WorkboxAlan Semenov · Mobile Era 2018
• 33mService WorkersPatrick Kettner · NDC Sydney 2017
• 46mWriting Service Workers with WorkboxPablo Magaz · JSDayES 2018
• 47mSending the Angular app into deep, deep offline with WorkboxMaxim Salnikov · angularday 2020
• 38mSending your Angular App into deep, deep offline with WorkboxMaxim Salnikov · AngularNL 2019
• 42mService Worker: Taking the Best From the Past Experience for The Bright Future of PWAsMaxim Salnikov · WeAreDevelopers 2018
• 35mTame your service worker [...]Maxim Salnikov · Best of Web 2018