Comment persister les données localement dans React Native ?

Question

Accepted Answer

Les applications React Native ont souvent besoin de **stocker des données localement** — préférences utilisateur, données en cache, tokens d'authentification, contenu hors ligne. Les options incluent **AsyncStorage** (clé-valeur), **MMKV** (rapide), **SQLite**, et **stockage sécurisé** pour les données sensibles. Choisir le bon outil est important.

## Options de stockage local

```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)
```

## Exemple 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)
```

## Choisir la bonne option

```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.
```

## Pourquoi c'est important

Comprendre comment persister les données localement dans React Native est précieux car **les applications ont souvent besoin de stocker des données sur l'appareil** (préférences, données en cache, tokens, contenu hors ligne), donc c'est une connaissance pratique utile pour construire des applications réelles.

La persistance locale est un besoin quasi universel, et React Native offre plusieurs options.

Comprendre les **options** — **AsyncStorage** (le stockage simple asynchrone courant clé-valeur pour les paramètres et petites données), **MMKV** (une alternative clé-valeur moderne très rapide), **SQLite/WatermelonDB** (bases de données relationnelles pour les données structurées, volumineuses, ou hors ligne avec requêtes), et **stockage sécurisé** (expo-secure-store/react-native-keychain pour les données sensibles) — et **quand utiliser chacun** est la connaissance clé.

Choisir la **bonne option** importe : AsyncStorage ou MMKV pour les données simples, SQLite pour les données structurées/volumineuses/hors ligne, et essentiellement **stockage sécurisé pour les données sensibles** comme les tokens d'authentification et identifiants (qui doivent être chiffrés via le porte-clés/keystore de la plateforme — un point de sécurité important, puisque **AsyncStorage n'est pas sécurisé/chiffré et ne doit pas contenir de secrets**, une erreur courante).

Adapter le stockage à la taille, la structure et la sensibilité des données reflète des décisions judicieuses et évite les problèmes (mauvais outil, ou identifiants stockés de manière non sécurisée).

Connaître les solutions hors ligne (WatermelonDB) est précieux pour les applications nécessitant un support hors ligne robuste.

Puisque les applications ont couramment besoin de persistance locale (paramètres, cache, tokens, données hors ligne) et que React Native offre des options pour différents besoins, et puisque choisir correctement (surtout utiliser le stockage sécurisé pour les données sensibles) est important pour construire des applications de manière correcte et sécurisée, comprendre la persistance des données locales dans React Native est une connaissance précieuse et pratiquement pertinente — un besoin courant dans les applications réelles, important pour la fonctionnalité (stocker les bonnes données de la bonne manière) et la sécurité (protéger les données sensibles avec le stockage sécurisé, pas AsyncStorage), et utile pour construire des applications qui mémorisent l'état et fonctionnent hors ligne.