React Native Offline Sync

Instructions

Offline-first means reads resolve from local storage and writes are queued until the network returns. The queue is durable, ordered, and observable.

1. Detecting Connectivity

import NetInfo from '@react-native-community/netinfo';
import { onlineManager } from '@tanstack/react-query';

NetInfo.addEventListener((state) => {
  onlineManager.setOnline(state.isConnected === true && state.isInternetReachable !== false);
});

onlineManager drives TanStack Query's pause/resume behavior.