Service Workers & Cows — a love story

on YouTube ↗30m

" summary

Service workers turn a slow 6 megabit Internet into a usable site by caching assets and API responses; this demo uses Angular’s service worker via npm install @angular/service-worker, an ngsw-config.json with custom dataGroup routes, ng build --prod and a static HTTP server with --proxy to localhost:8801. Expect painful dependency upgrades, ng serve not supporting service workers, long builds (stalled at chunk optimization), cached assets delaying visible updates, and finally offline pages and cached tags/articles working as intended.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 3:58Service workers as pain relief
3. 6:25Adding to ng-doc.io
4. 10:21Enabling the service worker
5. 13:31Building and serving the application
6. 16:38Testing offline
7. 21:15Updating cache and logo
8. 25:31Fetching via proxy
9. 27:38Custom caching
10. 29:24Why service workers matter
11. 30:09Q&A

" related talks

• 34mService Workers & Cows — a love storyAlyssa Nicoll · International Javascript Conference 2018 London
• 20mAngular Service Workers & Cows — a love storyAlyssa Nicoll · NGConf 2018
• 34mService Workers & Cows — a love storyAlyssa Nicoll · iJS 2018 Spring
• 36mAngular and Service WorkersPascal Precht · AngularCamp 2017
• 43mService workersPatrick Kettner · Frontend United 2017
• 29mService Workers: understand and useStepan Suvorov · angularday 2022
• 27mMaking Offline Suck Less with Service WorkersBret Little · MountainWest JavaScript 2015
• 01h 00mService Worker: Bringing Native App Experience to Web AppsVyktor Zozuliak · OdessaJS 2015