Bagaimanakah anda menyimpan data secara tempatan dalam React Native?

Question

Accepted Answer

Aplikasi React Native sering perlu **menyimpan data secara tempatan** — keutamaan pengguna, data cached, auth tokens, kandungan offline. Pilihan termasuk **AsyncStorage** (key-value), **MMKV** (pantas), **SQLite**, dan **secure storage** untuk data sensitif. Memilih yang betul adalah penting.

## Pilihan local storage

```text
ASYNCSTORAGE → key-value storage async yang ringkas (pilihan asas yang lazim):
  → simpan strings (serialize objects ke JSON); untuk settings, data kecil, caching ringkas
  → API async; kekal merentas pelancaran aplikasi
MMKV → key-value storage yang sangat PANTAS (oleh WeChat) — lebih pantas daripada AsyncStorage, synchronous;
  pilihan moden popular untuk prestasi
SQLITE (cth. expo-sqlite, react-native-sqlite, WatermelonDB) → DATABASE relational untuk
  data BERSTRUKTUR/besar, queries, relationships, aplikasi offline-first
SECURE STORAGE → expo-secure-store / react-native-keychain untuk data SENSITIF (tokens,
  credentials) — DIENKRIPSI (keychain/keystore)
```

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

## Memilih pilihan yang betul

```text
Settings ringkas/data kecil → AsyncStorage (atau MMKV untuk kelajuan)
Data berstruktur/besar/relational/offline → SQLite / WatermelonDB
Data SENSITIF (auth tokens, passwords) → SECURE storage (dienkripsi) — BUKAN AsyncStorage
  (yang TIDAK secure/dienkripsi — kesilapan keselamatan yang lazim)
→ Padankan storage kepada saiz, struktur, dan sensitiviti data.
```

## Mengapa ia penting

Memahami cara menyimpan data secara tempatan dalam React Native adalah berharga kerana **aplikasi lazimnya perlu menyimpan data pada peranti** (keutamaan, data cached, tokens, kandungan offline), jadi ia pengetahuan praktikal yang berguna untuk membina aplikasi sebenar.

Penyimpanan tempatan ialah keperluan yang hampir universal, dan React Native menawarkan beberapa pilihan.

Memahami **pilihan** — **AsyncStorage** (key-value storage async ringkas yang lazim untuk settings dan data kecil), **MMKV** (alternatif key-value moden yang sangat pantas), **SQLite/WatermelonDB** (databases relational untuk data berstruktur, besar, atau offline-first dengan queries), dan **secure storage** (expo-secure-store/react-native-keychain untuk data sensitif) — dan **bila hendak menggunakan setiap satu** ialah pengetahuan utama.

Memilih **pilihan yang betul** adalah penting: AsyncStorage atau MMKV untuk data ringkas, SQLite untuk data berstruktur/besar/offline, dan yang penting **secure storage untuk data sensitif** seperti auth tokens dan credentials (yang mesti dienkripsi melalui platform keychain/keystore — perkara keselamatan penting, kerana **AsyncStorage tidak secure/dienkripsi dan tidak sepatutnya menyimpan rahsia**, kesilapan yang lazim).

Memadankan storage kepada saiz, struktur, dan sensitiviti data mencerminkan keputusan yang baik dan mengelakkan masalah (alat yang salah, atau credentials yang disimpan secara tidak selamat).

Mengetahui tentang penyelesaian offline-first (WatermelonDB) adalah berharga untuk aplikasi yang memerlukan sokongan offline yang kukuh.

Memandangkan aplikasi lazimnya memerlukan penyimpanan tempatan (settings, caching, tokens, data offline) dan React Native menawarkan pilihan untuk keperluan berbeza, dan memandangkan memilih dengan sesuai (terutamanya menggunakan secure storage untuk data sensitif) adalah penting untuk membina aplikasi sebenar dengan betul dan selamat, memahami penyimpanan data tempatan dalam React Native ialah pengetahuan yang berharga dan relevan secara praktikal — keperluan lazim dalam aplikasi sebenar, penting untuk kedua-dua fungsi (menyimpan data yang betul dengan cara yang betul) dan keselamatan (melindungi data sensitif dengan secure storage, bukan AsyncStorage), dan berguna untuk membina aplikasi yang mengingati state dan berfungsi secara offline.