LocalStorage

LocalStorage adalah API browser untuk menyimpan data key-value secara persisten di browser user. Data tetap ada meski browser ditutup dan dibuka lagi (tidak expire). Kapasitas ~5-10MB per domain. LocalStorage bersifat synchronous dan hanya bisa menyimpan string — object harus di-serialize dengan JSON.stringify() terlebih dahulu. Cocok untuk: menyimpan preferensi user (dark mode, bahasa), caching data yang jarang berubah, menyimpan draft form. Tidak cocok untuk: data sensitif (bisa diakses JavaScript), data besar (blocking UI), data yang perlu di-share antar tab (gunakan IndexedDB atau server).

Contoh Kode

// Simpan data ke LocalStorage
localStorage.setItem('theme', 'dark');
localStorage.setItem('user', JSON.stringify({ id: 1, nama: 'Budi' }));

// Ambil data
const theme = localStorage.getItem('theme');
const user = JSON.parse(localStorage.getItem('user') || '{}');

// Hapus data
localStorage.removeItem('theme');
localStorage.clear(); // Hapus semua