React Off the Grid

on YouTube ↗17m

" summary

Rebuild of a case-management app for a Ghanaian child-reunification NGO that becomes usable on slow or offline connections by converting a Laravel server-rendered site into a React offline-first PWA. Uses service workers for cached assets, localStorage for optimistic writes and queued edits, MySQL for the data store and AWS Lambda on the backend to cut hosting costs. Handles a four-person user base, deals with sync conflicts by assignment constraints, and largely succeeds despite real-world sync bugs.

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 0:43Background
3. 5:18Service Workers
4. 5:44Implementation
5. 7:38Local Storage
6. 10:13Demo
7. 14:31Challenges

" related talks

• 23mJavaScript: Off the GridSophia Shoemaker · JSConf US 2019
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 37mBuilding an offline experience with a Rails-powered PWAAlicia Rojas · RailsConf 2023
• 24mBuilding an offline experience with a Rails-powered PWAAlicia Rojas · Rails World 2023
• 29mGive Apps Online Superpowers by Optimizing them for OfflineDan Gebhardt · JSConf Iceland 2018
• 01h 00mBuilding Progressive Web Apps with ReactJonathan Mills · NDC Porto 2019
• 30mOffline First: Making Your App Awesome When the Network Isn'tTeri Chadbourne · Node+JS Interactive 2018
• 41mIntroduction to Offline First Web ApplicationsMax Gfeller · Build Stuff 2022