Jak v React Native trvalě uchovávat data lokálně?

Question

Accepted Answer

React Native aplikace často potřebují **ukládat data lokálně** — uživatelské preference, cachované data, ověřovací tokeny, offline obsah. Možnosti zahrnují **AsyncStorage** (key-value), **MMKV** (rychlé), **SQLite** a **zabezpečené úložiště** pro citlivá data. Volba správné varianty je důležitá.

## Možnosti lokálního úložiště

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

## Příklad 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)
```

## Výběr správné varianty

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

## Proč je to důležité

Porozumění tomu, jak v React Native trvalě uchovávat data lokálně, je cenné, protože **aplikace běžně potřebují ukládat data na zařízení** (preference, cachovaná data, tokeny, offline obsah), a jedná se o užitečné praktické znalosti pro vývoj opravdových aplikací.

Lokální perzistence je téměř univerzální potřeba a React Native nabízí několik možností.

Porozumění **variantám** — **AsyncStorage** (běžné jednoduché asynchronní key-value úložiště pro nastavení a malá data), **MMKV** (velmi rychlá moderní key-value alternativa), **SQLite/WatermelonDB** (relační databáze pro strukturovaná, velká nebo offline-first data s dotazy) a **zabezpečené úložiště** (expo-secure-store/react-native-keychain pro citlivá data) — a **kdy použít kterou variantu** je klíčová znalost.

Volba **správné varianty** je důležitá: AsyncStorage nebo MMKV pro jednoduchá data, SQLite pro strukturovaná/velká/offline data a v zásadě **zabezpečené úložiště pro citlivá data** jako ověřovací tokeny a přihlašovací údaje (které musí být šifrovány přes keychain/keystore platformy — důležitý bezpečnostní aspekt, protože **AsyncStorage není bezpečné/šifrované a nemělo by obsahovat tajemství**, běžná chyba).

Přiřazení úložiště datům podle jejich velikosti, struktury a citlivosti odráží správná rozhodnutí a vyhne se problémům (nesprávný nástroj nebo nezabezpečeně uložené přihlašovací údaje).

Znalost offline-first řešení (WatermelonDB) je cenná pro aplikace vyžadující robustní offline podporu.

Protože aplikace běžně potřebují lokální perzistenci (nastavení, caching, tokeny, offline data) a React Native nabízí možnosti pro různé potřeby, a protože správný výběr (obzvláště používání zabezpečeného úložiště pro citlivá data) je důležitý pro správný a bezpečný vývoj aplikací, je porozumění lokální perzistenci dat v React Native cenné, prakticky relevantní znalosti — běžná potřeba v opravdových aplikacích, důležitá jak pro funkčnost (ukládání správných dat správným způsobem) tak pro bezpečnost (ochrana citlivých dat pomocí zabezpečeného úložiště, ne AsyncStorage) a užitečné pro vývoj aplikací, které si pamatují stav a pracují offline.