Progressive React Apps

on YouTube ↗59m

" summary

Project scaffolding registers a service worker by default but real work is the runtime architecture: register it in production, use Workbox to define cache strategies for statics, persist dynamic API data into IndexedDB (or use PouchDB+CouchDB replication) and implement conflict resolution or sync logic, handle install via a web manifest and HTTPS, surface push notifications and the beforeinstallprompt at sensible moments, and verify behavior with Lighthouse audits so offline, installable, and update semantics actually work.

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 · iJS 2018 Spring
• 35mProgressive Web Apps: trick or real magic?Maurizio Mangione · Universal JS Day 2017
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 01h 00mBuilding Progressive Web Apps with ReactJonathan Mills · NDC Porto 2019
• 33mManaging data and resources in your Progressive Web App like a proLaura Morinigo · jsday 2022
• 32mCross-platform Progressive Web AppsSimon MacDonald · Node+JS Interactive 2018
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 27mProgressive what apps?Patrick Kettner · Render Conference 2017