पाठ 15 / 29

IndexedDB & Storage

IndexedDB और Cache API का उपयोग करके locally large amounts of data को store करें।

Local Storage Options

IndexedDB objects/indexes में structured data store करता है। Cache API responses के लिए optimized है। App data के लिए IndexedDB choose करें, HTTP responses और static assets के लिए Cache API।

IndexedDB से store और retrieve करें

Todos, notes या user preferences जैसे app data को store करने के लिए IndexedDB का उपयोग करें।

const dbRequest = indexedDB.open('AppDB', 1);
dbRequest.onsuccess = () => {
  const db = dbRequest.result;
  const store = db.transaction('todos', 'readwrite').objectStore('todos');
  store.add({ id: 1, title: 'Learn PWA', completed: false });
};

dbRequest.onupgradeneeded = event => {
  const db = event.target.result;
  db.createObjectStore('todos', { keyPath: 'id' });
};

Output:

App data persisted in IndexedDB for offline access.

एक आम गलती

IndexedDB transactions complex हो सकते हैं। हमेशा onsuccess और onerror events को handle करें और याद रखें कि storage quotas browser के अनुसार अलग-अलग होते हैं।

Database Design for Offline Apps

Offline data management के लिए efficient schema design patterns।