Summary - Offline support

Combine NetInfo, cache and sync to write an offline-first app.

Summary - Offline

In this group you learned to query the network state with NetInfo, set up an offline cache, trigger synchronization, do conflict resolution and write a retry queue. The core of an offline app is these five pieces.

In the summary we will merge the network state, cache and synchronization in a single app. These three pieces together form a real offline flow. Let us merge them now.

Exercise Summary - Query the network state

Complete the empty checkOnline function. Call const state = await NetInfo.fetch(). Return the connection state with return state.isConnected.

Show example solution

const state = await NetInfo.fetch();
return state.isConnected;

Exercise Summary - Resolve the conflict

Complete the resolveConflict function. It takes local and server as parameters. Write if (local.updatedAt > server.updatedAt) return local; else return server.

Show example solution

if (local.updatedAt > server.updatedAt) return local;
return server;

Test yourself

Write the network state function

const state = await NetInfo.____();

Show answer

const state = await NetInfo.fetch();

Match each flow part to its role

NetInfo.fetch()

Network state
AsyncStorage.getItem

Reads cache
syncQueue

Sends the queue
resolveConflict

Resolves conflict

Next lesson: expo-secure-store

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies