**Approach (high level)**- Use redux-persist to store selected slices locally, and implement a background sync layer to reconcile with server. Gate UI on rehydration + initial sync to avoid showing stale/conflicting data.**Key parts**1. redux-persist setup (partial rehydration)javascript
import { persistStore, persistReducer } from 'redux-persist'
import AsyncStorage from '@react-native-async-storage/async-storage'
import rootReducer from './reducers'
const persistConfig = {
key: 'root',
storage: AsyncStorage,
whitelist: ['auth','settings','offlineQueue'], // persist only safe slices
transforms: [/* optional transforms for encryption or versioning */],
version: 1 // for migrations
}
const persistedReducer = persistReducer(persistConfig, rootReducer)
const store = createStore(persistedReducer, applyMiddleware(...))
const persistor = persistStore(store, null, () => {
// rehydration finished callback
})
