MMKV Storage en React Native: el reemplazo de AsyncStorage

¿Por qué MMKV?

AsyncStorage, el storage por defecto de React Native, es síncrono en JavaScript pero asíncrono en la práctica, y significativamente más lento que las alternativas. MMKV (desarrollado por WeChat) usa protocolos binarios eficientes y es hasta 30x más rápido. Deepyze migró proyectos de AsyncStorage a MMKV con mejoras notables de performance.

Instalación

npx expo install react-native-mmkv

Uso básico

import { MMKV } from 'react-native-mmkv';

// Instancia global
export const storage = new MMKV();

// Strings
storage.set('token', 'mi-jwt-token');
const token = storage.getString('token');

// Números
storage.set('contador', 42);
const contador = storage.getNumber('contador');

// Booleanos
storage.set('onboarding_completado', true);
const completado = storage.getBoolean('onboarding_completado');

// Eliminar
storage.delete('token');

// Verificar existencia
const existe = storage.contains('token');

Cifrado

const storageSeguro = new MMKV({
  id: 'datos-sensibles',
  encryptionKey: 'tu-clave-de-cifrado-secreta',
});

storageSeguro.set('pin', '1234');  // cifrado en reposo

Integración con Zustand

import { createJSONStorage, persist } from 'zustand/middleware';

const mmkvStorage = {
  getItem: (name) => storage.getString(name) ?? null,
  setItem: (name, value) => storage.set(name, value),
  removeItem: (name) => storage.delete(name),
};

const useStore = create(persist(
  (set) => ({ /* estado */ }),
  { name: 'mi-store', storage: createJSONStorage(() => mmkvStorage) }
));

¿Querés que optimicemos el storage de tu app? Hablá con Deepyze.