How to build a PWA and stay sane: Introduction to Workbox

on YouTube ↗17m

" summary

Workbox is a Google‑backed library that generates a service worker and a precache manifest from build output (CLI or workbox generateSW), or injects runtime logic into an existing worker via injectManifest. It wires common caching strategies, route handlers, named caches with expiration, background sync and Google Analytics offline queuing, and offers a webpack plugin. Browser support for service workers sits around 86%, so Workbox automates the nitty‑gritty of precaching and runtime caching.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 6:00The problem
3. 7:30What is Workbox
4. 8:35Generating a Service Worker
5. 12:00Random Location

" related talks

• 31mMany frameworks, one PWA solutionMaxim Salnikov · Framework Summit 2018
• 46mWriting Service Workers with WorkboxPablo Magaz · JSDayES 2018
• 51mAutomating a service worker with Workbox 6Maxim Salnikov · NDC Oslo 2021
• 30mPWA with PWFIgnacio Anaya · FrontEnd Con 2018
• 52mMany Frameworks – One PWA SolutionMaxim Salnikov · GDG DevFest Gorky 2018
• 38mAutomating Service Workers with Workbox 6Maksim Salnikov · Я ❤ Фронтенд 2021
• 39mPWA & Front-end FrameworksMajid Hajian · Mobile Era 2017
• 47mSending the Angular app into deep, deep offline with WorkboxMaxim Salnikov · angularday 2020