كيف تحافظ على البيانات محليًا في React Native؟

Question

Accepted Answer

تحتاج تطبيقات React Native غالبًا إلى **تخزين البيانات محليًا** — تفضيلات المستخدم، البيانات المخزنة مؤقتًا، رموز المصادقة، المحتوى غير الموصول. تشمل الخيارات **AsyncStorage** (مفتاح-قيمة)، **MMKV** (سريعة)، **SQLite**، و**التخزين الآمن** للبيانات الحساسة. اختيار الخيار المناسب مهم.

## خيارات التخزين المحلي

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

## مثال 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)
```

## اختيار الخيار المناسب

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

## لماذا يهم هذا

فهم كيفية الحفاظ على البيانات محليًا في React Native مفيد لأن **التطبيقات غالبًا تحتاج إلى تخزين البيانات على الجهاز** (التفضيلات، البيانات المخزنة مؤقتًا، الرموز، المحتوى غير الموصول)، لذا فهو معرفة عملية مفيدة لبناء تطبيقات حقيقية.

الحفاظ على البيانات محليًا احتياج شبه عالمي، وتوفر React Native عدة خيارات.

فهم **الخيارات** — **AsyncStorage** (التخزين البسيط العام غير المتزامن مفتاح-قيمة للإعدادات والبيانات الصغيرة)، **MMKV** (بديل حديث وسريع جدًا لتخزين مفتاح-قيمة)، **SQLite/WatermelonDB** (قواعد البيانات العلائقية للبيانات المنظمة أو الكبيرة أو التطبيقات التي تعمل بلا اتصال مع الاستعلامات)، و**التخزين الآمن** (expo-secure-store/react-native-keychain للبيانات الحساسة) — و**متى تستخدم كل واحد** هي المعرفة الأساسية.

اختيار **الخيار الصحيح** مهم: AsyncStorage أو MMKV للبيانات البسيطة، SQLite للبيانات المنظمة أو الكبيرة أو التي تعمل بلا اتصال، والأهم **التخزين الآمن للبيانات الحساسة** مثل رموز المصادقة والبيانات الاعتبارية (يجب تشفيرها عبر مفاتيح النظام/متجر المفاتيح — نقطة أمان مهمة، لأن **AsyncStorage ليس آمنًا/مشفرًا ولا يجب أن يحتفظ بالأسرار**، وهذا خطأ شائع).

مطابقة التخزين لحجم البيانات وهيكلها وحساسيتها تعكس قرارات سليمة وتتجنب المشاكل (الأداة الخاطئة، أو البيانات الاعتبارية المخزنة بشكل غير آمن).

معرفة الحلول التي تعمل بلا اتصال (WatermelonDB) مفيدة للتطبيقات التي تحتاج إلى دعم قوي للعمل بلا اتصال.

لأن التطبيقات غالبًا تحتاج إلى حفظ البيانات محليًا (الإعدادات، التخزين المؤقت، الرموز، البيانات بلا اتصال) وتوفر React Native خيارات لاحتياجات مختلفة، ولأن الاختيار المناسب (خاصة استخدام التخزين الآمن للبيانات الحساسة) مهم لبناء التطبيقات بشكل صحيح وآمن، فإن فهم حفظ البيانات المحلية في React Native معرفة قيمة وعملية ومرتبطة بالواقع — احتياج شائع في التطبيقات الحقيقية، مهم لكل من الوظيفة (تخزين البيانات الصحيحة بالطريقة الصحيحة) والأمان (حماية البيانات الحساسة بالتخزين الآمن، وليس AsyncStorage)، ومفيد لبناء التطبيقات التي تتذكر الحالة وتعمل بلا اتصال.