Storage & State Persistence
LocalStorage vs. SessionStorage
Both LocalStorage and SessionStorage allow storing data in the browser, but they have key differences.
- LocalStorage: Data persists even after the browser is closed.
- SessionStorage: Data is cleared when the session (tab) is closed.
- Both store data as key-value pairs in string format.
// Storing data
localStorage.setItem("username", "Jake");
sessionStorage.setItem("sessionID", "12345");
// Retrieving data
console.log(localStorage.getItem("username")); // "Jake"
console.log(sessionStorage.getItem("sessionID")); // "12345"
// Removing data
localStorage.removeItem("username");
sessionStorage.clear();