Progressive React Apps

on YouTube ↗59m

" summary

Builds two small React PWAs (a CRUD to‑do) and shows a working offline demo: service worker registration happens only in production, caching uses Workbox with an images cache limited to 60 entries for 30 days, dynamic API data goes into IndexedDB via Dexie (reads from cache offline, syncs on reconnect), and conflict strategies include last‑write‑wins or CouchDB sync via PouchDB. Also covers push notifications, installable manifest, HTTPS testing, and Lighthouse audits.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 1:11Our Application
3. 6:16Don't break the web
4. 8:15Feature detection
5. 11:46Responsive - Tools
6. 14:01Offline First
7. 20:44Service Workers
8. 29:35Where does the data handling happen?
9. 33:37Redux Observable
10. 42:17Discoverable
11. 43:23Re-engageable
12. 48:21Installable
13. 52:02Lighthouse

" related talks

• 59mProgressive React AppsSebastian Springer · International JavaScript Conference Munich 2019
• 01h 00mBuilding Progressive Web Apps with ReactJonathan Mills · NDC Porto 2019
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 27mProgressive what apps?Patrick Kettner · Render Conference 2017
• 18mPWA with ReactNeeraj Singh · ReactFoo Pune 2018
• 41mOffline Web Apps don't exist anymore!Francesco Leardini · Conf42 JavaScript 2020
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 03h 13mBuild your first mobile & desktop app as a Progressive Web ApplicationRitesh Mehrotra · JSConf.Asia 2019