Service Workers & Cows — a love story

on YouTube ↗34m

" summary

Shows how to add a service worker to an Angular app end to end: yarn/npm install, set "serviceWorker": true in angular.json, import and call ServiceWorkerModule.register in app.module, run ng build --prod and serve the dist folder (http-server or Python) and use --proxy to hit the backend. Demonstrates creating a dataGroup in ngsw-config.json to cache API routes, tests offline, and resolves stale-assets by choosing cache-first (performance) vs freshness. Notes that service worker is just a JavaScript file and to enable only in production; works on painfully slow ~6 Mbps networks.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 2:23Background
3. 4:20Network Speed
4. 5:28Service Workers
5. 8:33Steps
6. 12:35Update Issues
7. 16:05Build the Project
8. 17:23NG Serve
9. 18:13Running the project
10. 22:58Updating
11. 30:17Data Group

" related talks

• 20mAngular Service Workers & Cows — a love storyAlyssa Nicoll · NGConf 2018
• 30mService Workers & Cows — a love storyAlyssa Nicoll · ngAtlanta Conf 2018
• 34mService Workers & Cows — a love storyAlyssa Nicoll · International Javascript Conference 2018 London
• 29mService Workers: understand and useStepan Suvorov · angularday 2022
• 36mAngular and Service WorkersPascal Precht · AngularCamp 2017
• 33mAngular and Service WorkersPascal Precht · AngularUP 2017
• 01h 00mService Worker: Bringing Native App Experience to Web AppsVyktor Zozuliak · OdessaJS 2015
• 22mAutomatic Progressive Web Apps using Angular Service WorkerMaxim Salnikov · AngularConnect 2017