Offline First (Web) Apps

on YouTube ↗45m

" summary

Argues for an offline‑first architecture: keep a local copy of user data in a local browser datastore, funnel all writes through a sync engine (demo uses Hoodie + CouchDB and mentions serviceworker/appcache/PhoneGap/Electron), shows a to‑do app that continues working when the server stops and then automatically re‑syncs when it returns, and a prototype that stores offline maps and photos on a four‑year‑old Android, proving robustness and much faster perceived performance.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:27Detour: The power of boxes
3. 4:00Critique of future visions
4. 7:25Normality versus perfection
5. 12:30The case for offline first
6. 16:19Architecture and syncing
7. 20:18Implementation demonstration
8. 26:02Distributed systems insights
9. 29:02User experience opportunities
10. 35:38Design and UI challenges
11. 40:34Conclusion and summary

" related talks

• 39mSay Hello to Offline FirstOla Gasidlo · GOTO Berlin 2015
• 41mOffline FirstAlex Feyerke · Web Directions Code 2014
• 30mOffline First: Making Your App Awesome When the Network Isn'tTeri Chadbourne · Node+JS Interactive 2018
• 32mLook, Mum, No Internet - Creating great experiences with offline-first appsAndreas Wenger · droidcon London 2022
• 44mDesign principles and implementation strategies for better offline experienceBoyan Mihaylov · NDC Oslo 2017
• 38mHow we developed an Offline‑First app using Persistent StorageTimofey Lavrenyuk · JavaScript fwdays'19
• 31mI'm offline, cool! What now?Ola Gasidlo · Voxxed Days Zurich 2017
• 29mGive Apps Online Superpowers by Optimizing them for OfflineDan Gebhardt · JSConf Iceland 2018