Many Frameworks – One PWA Solution

on YouTube ↗52m

" summary

Claim: use Workbox to make one production-ready PWA for any framework because Angular/React/Vue only provide basic, often unconfigurable service-worker scaffolding. The demo shows a build-time script using Workbox injectManifest (workbox-build), generating a service worker that pre-caches an app shell cached with hashes, updates when hashes change, and exposes an update event for a UX prompt. It uses runtime caching strategies for API calls, recommends late registration, a kill-switch SW, proper cache headers, and cites Gartner’s 50% PWA prediction by 2020.

AI-written summary · about

" chapters (11)

1. 0:00PWA introduction
2. 2:30What is PWA
3. 7:10PWA benefits
4. 10:48Browser PWA support
5. 15:56Framework drawbacks for PWA
6. 18:03Solution requirements
7. 23:02Workbox for Service Worker
8. 28:47Workbox build integration
9. 31:56Service Worker tips
10. 38:26Resources and community
11. 39:08Q&A

" related talks

• 31mMany frameworks, one PWA solutionMaxim Salnikov · Framework Summit 2018
• 26mMany Frameworks – One PWA SolutionMaxim Salnikov · ReactiveConf 2019
• 39mPWA & Front-end FrameworksMajid Hajian · Mobile Era 2017
• 17mHow to build a PWA and stay sane: Introduction to WorkboxAlan Semenov · Mobile Era 2018
• 30mPWA with PWFIgnacio Anaya · FrontEnd Con 2018
• 24mPWA All The Things!Tara Z. Manicsic · ngAtlanta Conf 2018
• 47mSending the Angular app into deep, deep offline with WorkboxMaxim Salnikov · angularday 2020
• 54mBuilding an Angular PWA: Angular Service Worker or Workbox?Maxim Salnikov · iJS 2018 Spring