PWA with React

on YouTube ↗18m

" summary

Step-by-step build with React covers installation, generating a manifest, and wiring a service worker caching strategy with concrete choices (cache‑first for assets, network‑first for API) and how that affects offline behavior. Implements push via VAPID / web‑push (or Firebase) with the subscription flow and server endpoint examples, shows update handling (skipWaiting, clients.claim, prompt UI) and measures improvements with Lighthouse scores and debugging tips so the demo actually registers, caches, receives a push, and updates live.

AI-written summary · about

" chapters (7)

1. 0:00Progressive Web Apps intro
2. 2:52PWAs vs native apps
3. 6:07How PWAs work
4. 8:46Push notifications in PWAs
5. 13:38Service workers & offline
6. 15:03React for PWAs
7. 16:48Debugging PWAs

" related talks

• 44mPWA - Welcome to the FutureDavid Müllerchen · code.talks 2017
• 24mPWA All The Things!Tara Z. Manicsic · ngAtlanta Conf 2018
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 17mTransforming your Web Application into a PWA - Why and How?Gijs Weterings · Frontend Developer Love 2019
• 01h 00mBuilding Progressive Web Apps with ReactJonathan Mills · NDC Porto 2019
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024
• 01h 02mUp and Running with Progressive Web AppsNik Molnar · NDC Minnesota 2018
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017