Our View on Progressive Web Apps

on YouTube ↗37m

" summary

Covers how Progressive Web Apps use service workers: registering via navigator.serviceWorker, handling the service worker lifecycle to intercept fetches, and implementing caching strategies (network-first, cache-first, stale-while-revalidate) with code examples for fetch handlers, cache versioning, and activation cleanup. Demonstrates offline behavior in Chrome DevTools, the add-to-home-screen heuristic, push notification flow and an update-by-push pattern using a custom refresh header, and notes iOS limitations and browser compatibility caveats.

AI-written summary · about

" chapters (5)

1. 0:00Introduction to PWA
2. 4:24PWA theory and structure
3. 13:58PWA demo
4. 16:55PWA pros and cons
5. 22:37Q&A

" related talks

• 22mService Workers and Their Role in PWAsIpsha Bhidonia · Node+JS Interactive 2018
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 46mProgressive Web Apps with the Service Worker APISimon Skoczylas · W-JAX 2018
• 26m"Intro to Progressive Web Apps"Chris Lorenzo · Frontrunners 2023
• 41mTame your Service Worker before your Progressive Web App go into the wildMaksim Salnikov · GDG DevFest Gorky 2017
• 44mPWA - Welcome to the FutureDavid Müllerchen · code.talks 2017
• 35mProgressive Web Apps: trick or real magic?Maurizio Mangione · Universal JS Day 2017
• 38mWhat Service Workers can doMaurizio Mangione · Codemotion Rome 2018