Kako perzistirati podatke lokalno u React Native?

Question

Accepted Answer

React Native aplikacije često trebaju **pohraniti podatke lokalno** — korisničke postavke, cacheirane podatke, tokene za autentifikaciju, sadržaj za offline rad. Opcije uključuju **AsyncStorage** (ključ-vrijednost), **MMKV** (brz), **SQLite** i **sigurnu pohranu** za osjetljive podatke. Odabir prave opcije je važan.

## Opcije lokalne pohrane

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

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

## Odabir prave opcije

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

## Zašto je to važno

Razumijevanje kako perzistirati podatke lokalno u React Native je vrijednostno jer **aplikacije često trebaju pohraniti podatke na uređaju** (postavke, cacheirane podatke, tokene, sadržaj za offline rad), što je korisno praktično znanje za izgradnju realnih aplikacija.

Lokalna perzistencija je gotovo univerzalna potreba, a React Native nudi nekoliko opcija.

Razumijevanje **opcija** — **AsyncStorage** (obična jednostavna asinkrona pohranu ključ-vrijednost za postavke i male podatke), **MMKV** (vrlo brza moderna alternativa ključ-vrijednost), **SQLite/WatermelonDB** (relacijske baze podataka za strukturirane, velike ili offline-first podatke s upitima), i **sigurna pohrrana** (expo-secure-store/react-native-keychain za osjetljive podatke) — i **kada koristiti svaku** je ključno znanje.

Odabir **prave opcije** je važan: AsyncStorage ili MMKV za jednostavne podatke, SQLite za strukturirane/velike/offline podatke, i ključno **sigurna pohrrana za osjetljive podatke** poput tokena za autentifikaciju i kredencijala (koji moraju biti šifrirani preko platformskog keychain/keystore — važna sigurnosna točka, jer je **AsyncStorage nesiguran/nešifriran i ne bi trebao sadržavati tajne**, česta greška).

Usklađivanje pohrane sa veličinom, strukturom i osjetljivošću podataka odražava razumne odluke i izbjegava probleme (pogrešan alat ili nesigurno pohranjene kredencijale).

Znanje o offline-first rješenjima (WatermelonDB) je vrijednostno za aplikacije koje trebaju snažnu offline podršku.

Budući da aplikacije često trebaju lokalnu perzistenciju (postavke, cachiranje, tokene, offline podatke) i React Native nudi opcije za različite potrebe, i budući da je odabir odgovarajuće opcije (posebno korištenje sigurne pohrane za osjetljive podatke) važan za ispravnu i sigurnu izgradnju realnih aplikacija, razumijevanje lokalne perzistencije podataka u React Native je vrijednostno, praktično relevantno znanje — česta potreba u realnim aplikacijama, važna za funkcionalnost (pohranjivanje točnih podataka na točan način) i sigurnost (zaštita osjetljivih podataka sigurnom pohranom, ne AsyncStorage), te korisna za izgradnju aplikacija koje pamte stanje i rade bez interneta.