What is localStorage? 🤔

localStorage is a web API that allows you to store key-value pairs in the browser. Data persists even after the browser is closed.

Basic Operations 🛠️

1. Store Data

   // Store string
   localStorage.setItem('username', 'John');
   
   // Store number
   localStorage.setItem('age', '25');
   
   // Store object
   const user = { name: 'John', age: 25 };
   localStorage.setItem('user', JSON.stringify(user));

2. Get Data

   // Get string
   const username = localStorage.getItem('username');
   
   // Get object
   const user = JSON.parse(localStorage.getItem('user'));

3. Remove Data

   // Remove single item
   localStorage.removeItem('username');
   
   // Clear all data
   localStorage.clear();

Common Use Cases 🎯

• User preferences

• Form data

• Shopping cart items

• Game scores

• Theme settings

Important Notes ⚠️

• localStorage only stores strings

• Limited storage (usually 5-10 MB)

• Synchronous operations (can block main thread)

• Data is not secure (don't store sensitive info)