Intro to Offline First
What is Offline First?
Offline First is an application development paradigm where developers ensure that the functionality of an app is unaffected by intermittent lack of a network connection. Offline First also usually implies the ability to sync data between multiple devices.
Why Offline First?
Mobile networks are frequently flaky. Especially since people use mobile & web apps on the move. If your app does not work well offline, every time your user took a subway or a plane or an Uber your app will potentially lose connectivity leading to a frustrating user experience.
What is required for making an app offline First?
To make an app truly offline First, we primarily need to do two things:
- Any code and assets used should be available offline
- Any data changes should be made locally First and then synced to the cloud.
Checkout this diagram below to understand how a typical offline First app would work.
As shown in the above diagram all changes and reads on the front end are made from a local database. The local database is then synced with the backend service. In this tutorial we use RxDB as the local database.
You can learn more about RxDB from the official docs
- Build apps and APIs 10x faster
- Built-in authorization and caching
- 8x more performant than hand-rolled APIs