Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Offline First 101

Offline First 101

Why the term "Offline First" appears? What does it mean? The difference technically and development? And, what are the challenges ahead?

More Decks by Ahmad Anshorimuslim Syuhada

Other Decks in Programming


  1. Graceful Degradation 1. Aggressive Caching Is A Better User Experience

    2. Let People Interact With Their Content. Always. 3. Make Error Messages Informative And Consistent 4. Don’t Let People Start Something They Can’t Finish 5. Design Your Empty States Well 6. Never Show The Raw Error Message
  2. Stack (Data Driven UI) “Any code that depended on server

    logic before now has to implement it itself” “The basic idea behind our sync is to store changes made offline as a series of deltas that are later uploaded to the server” • https://tech.trello.com/sync-architecture/ • https://tech.trello.com/syncing-changes/ CLOUD LOCAL DATA CLIENT UI deltas
  3. 1. https://design.google/library/offline-design/ 2. https://developers.google.com/web/fundamentals/in stant-and-offline/offline-ux 3. https://uxdesign.cc/offline-93c2f8396124 4. https://github.com/pazguille/offline-first 5.

    https://uxplanet.org/optimistic-1000-34d9eefe4c05 6. https://flpvsk.com/blog/2019-07-20-offline-first-apps- event-sourcing/ 7. https://github.com/eFishery/pouchy-store-example References