Jak trwale przechowywać dane lokalnie w React Native?

Question

IT Interview Practice · Accepted Answer

Aplikacje React Native często muszą **przechowywać dane lokalnie** — preferencje użytkownika, dane w cache'u, tokeny uwierzytelniania, treści offline. Dostępne opcje to **AsyncStorage** (klucz-wartość), **MMKV** (szybkie), **SQLite** i **bezpieczne przechowywanie** dla danych wrażliwych. Wybór odpowiedniego rozwiązania ma znaczenie.

## Opcje przechowywania lokalnego

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

## Przykład 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)
```

## Wybór odpowiedniej opcji

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

## Dlaczego to ważne

Zrozumienie, jak trwale przechowywać dane lokalnie w React Native, jest wartościowe, ponieważ **aplikacje powszechnie muszą przechowywać dane na urządzeniu** (preferencje, dane w cache'u, tokeny, treści offline), dlatego jest to praktyczna i użyteczna wiedza do budowania rzeczywistych aplikacji.

Persystencja lokalna to niemal uniwersalna potrzeba, a React Native oferuje kilka opcji.

Zrozumienie **opcji** — **AsyncStorage** (popularne proste asynchroniczne przechowywanie klucz-wartość dla ustawień i małych danych), **MMKV** (bardzo szybka nowoczesna alternatywa klucz-wartość), **SQLite/WatermelonDB** (relacyjne bazy danych dla strukturalnych, dużych lub offline-first danych z zapytaniami), oraz **bezpieczne przechowywanie** (expo-secure-store/react-native-keychain dla danych wrażliwych) — i **kiedy używać każdej z nich** — to kluczowa wiedza.

Wybór **odpowiedniej opcji** ma znaczenie: AsyncStorage lub MMKV dla prostych danych, SQLite dla danych strukturalnych/dużych/offline, a najważniejsze — **bezpieczne przechowywanie dla danych wrażliwych** jak tokeny uwierzytelniania i poświadczenia (które muszą być zaszyfrowane przez keychain/keystore platformy — ważny punkt bezpieczeństwa, ponieważ **AsyncStorage nie jest bezpieczne/zaszyfrowane i nie powinno przechowywać sekretów**, częsty błąd).

Dopasowanie przechowywania do rozmiaru, struktury i wrażliwości danych odzwierciedla słuszne decyzje i unika problemów (zły narzędzie, lub niezabezpieczone poświadczenia).

Wiedza o rozwiązaniach offline-first (WatermelonDB) jest cenna dla aplikacji wymagających solidnego wsparcia offline.

Ponieważ aplikacje powszechnie wymagają persystencji lokalnej (ustawienia, cache'owanie, tokeny, dane offline) i React Native oferuje opcje dla różnych potrzeb, a wybór odpowiedni (szczególnie użycie bezpiecznego przechowywania dla danych wrażliwych) jest ważny dla prawidłowego i bezpiecznego budowania rzeczywistych aplikacji, zrozumienie persystencji danych lokalnych w React Native jest wartościową, praktycznie istotną wiedzą — częstą potrzebą w rzeczywistych aplikacjach, ważną zarówno dla funkcjonalności (przechowywanie właściwych danych w odpowiedni sposób), jak i bezpieczeństwa (ochrona wrażliwych danych za pomocą bezpiecznego przechowywania, a nie AsyncStorage), oraz użyteczną do budowania aplikacji, które pamiętają stan i działają offline.

Opcje przechowywania lokalnego

Przykład AsyncStorage

Wybór odpowiedniej opcji

Dlaczego to ważne

Powiązane pytania