Come si mantengono i dati localmente in React Native?

Question

Accepted Answer

Le app React Native spesso hanno bisogno di **archiviare dati localmente** — preferenze utente, dati in cache, token di autenticazione, contenuti offline. Le opzioni includono **AsyncStorage** (chiave-valore), **MMKV** (veloce), **SQLite** e **secure storage** per dati sensibili. Scegliere quella giusta è importante.

## Opzioni di archiviazione locale

```text
ASYNCSTORAGE → simple async KEY-VALUE storage (the common basic option):
  → store strings (serialize objects to JSON); for settings, small data, simple caching
  → async API; persists across app launches
MMKV → a very FAST key-value storage (by WeChat) — faster than AsyncStorage, synchronous;
  popular modern choice for performance
SQLITE (e.g. expo-sqlite, react-native-sqlite, WatermelonDB) → relational DATABASE for
  STRUCTURED/large data, queries, relationships, offline-first apps
SECURE STORAGE → expo-secure-store / react-native-keychain for SENSITIVE data (tokens,
  credentials) — ENCRYPTED (keychain/keystore)
```

## Esempio di AsyncStorage

```jsx
import AsyncStorage from '@react-native-async-storage/async-storage';

await AsyncStorage.setItem('user', JSON.stringify(user));   // store (serialize)
const json = await AsyncStorage.getItem('user');
const user = json ? JSON.parse(json) : null;                 // retrieve (parse)
```

## Scegliere l'opzione giusta

```text
Simple settings/small data → AsyncStorage (or MMKV for speed)
Structured/large/relational/offline data → SQLite / WatermelonDB
SENSITIVE data (auth tokens, passwords) → SECURE storage (encrypted) — NOT AsyncStorage
  (which is NOT secure/encrypted — a common security mistake)
→ Match storage to the data's size, structure, and sensitivity.
```

## Perché è importante

Comprendere come mantenere i dati localmente in React Native è prezioso perché **le app comunemente hanno bisogno di archiviare dati sul dispositivo** (preferenze, dati in cache, token, contenuti offline), quindi è una conoscenza pratica utile per costruire app reali.

La persistenza locale è un'esigenza quasi universale, e React Native offre diverse opzioni.

Comprendere le **opzioni** — **AsyncStorage** (il comune semplice archiviazione asincrona chiave-valore per impostazioni e dati piccoli), **MMKV** (un'alternativa chiave-valore moderna molto veloce), **SQLite/WatermelonDB** (database relazionali per dati strutturati, grandi o offline-first con query), e **secure storage** (expo-secure-store/react-native-keychain per dati sensibili) — e **quando usare ciascuno** è la conoscenza chiave.

Scegliere l'**opzione giusta** è importante: AsyncStorage o MMKV per dati semplici, SQLite per dati strutturati/grandi/offline, e crucialmente **secure storage per dati sensibili** come token di autenticazione e credenziali (che devono essere crittografati tramite il keychain/keystore della piattaforma — un punto di sicurezza importante, poiché **AsyncStorage non è sicuro/crittografato e non dovrebbe contenere segreti**, un errore comune).

Adattare l'archiviazione al fatto che i dati siano piccoli, strutturati e sensibili riflette decisioni consapevoli e evita problemi (strumento sbagliato, o credenziali archiviati in modo non sicuro).

Conoscere soluzioni offline-first (WatermelonDB) è prezioso per app che necessitano di un robusto supporto offline.

Poiché le app comunemente hanno bisogno di persistenza locale (impostazioni, caching, token, dati offline) e React Native offre opzioni per esigenze diverse, e poiché scegliere in modo appropriato (specialmente usando secure storage per dati sensibili) è importante per costruire app reali correttamente e in modo sicuro, comprendere la persistenza dei dati locali in React Native è una conoscenza preziosa e praticamente rilevante — un'esigenza comune nelle app reali, importante sia per la funzionalità (archiviare i dati giusti nel modo giusto) che per la sicurezza (proteggere i dati sensibili con secure storage, non AsyncStorage), e utile per costruire app che ricordano lo stato e funzionano offline.