Apps offline-first con React Native: SQLite y sincronización

¿Por qué offline-first?

En Argentina, la conectividad móvil es irregular especialmente fuera de las grandes ciudades. Una app que no funciona sin internet pierde usuarios. El diseño offline-first mejora la UX incluso con buena conectividad: la app responde instantáneamente desde datos locales. Deepyze implementa offline-first en apps de gestión y campo.

Opciones de almacenamiento local

AsyncStorage: key-value store simple. Para datos pequeños y configuraciones.
MMKV: alternativa más rápida a AsyncStorage. Key-value pero con mejor performance.
SQLite (expo-sqlite): base de datos relacional local. Para datos estructurados y queries complejas.
WatermelonDB: ORM sobre SQLite con sincronización incorporada. Para apps con datasets grandes.

Expo SQLite básico

import * as SQLite from 'expo-sqlite';

const db = SQLite.openDatabaseSync('mi-app.db');

// Crear tabla
db.execSync(`
  CREATE TABLE IF NOT EXISTS pedidos (
    id TEXT PRIMARY KEY,
    cliente TEXT,
    total REAL,
    sincronizado INTEGER DEFAULT 0
  )
`);

// Insertar
db.runSync(
  'INSERT INTO pedidos VALUES (?, ?, ?, ?)',
  [id, cliente, total, 0]
);

// Consultar
const pedidos = db.getAllSync('SELECT * FROM pedidos WHERE sincronizado = 0');

Estrategia de sincronización

Cuando vuelve la conectividad, sincronizás los registros marcados como sincronizado = 0. Necesitás manejar conflictos (mismo registro modificado en el server y en el cliente). Estrategia común: "last-write-wins" con timestamp.

¿Necesitás una app que funcione offline? Hablá con Deepyze.