Web Storage (localStorage, sessionStorage, cookies)

What best practice for working with localStorage is demonstrated in this code?

try {
  localStorage.setItem('user', JSON.stringify({name: 'John', level: 5}));
  const user = JSON.parse(localStorage.getItem('user'));
  console.log(user.name); // 'John'
} catch (e) {
  if (e.name === 'QuotaExceededError') {
    console.error('Storage quota exceeded');
  }
}

Using synchronous operations
Handling storage quota errors and storing complex objects with JSON
This code demonstrates two key best practices for working with localStorage: 1) Using JSON.stringify/parse for storing complex objects since localStorage only stores strings, 2) Implementing error handling for quota exceeded scenarios, 3) The try-catch block prevents application crashes if storage is full, 4) JSON methods properly serialize and deserialize objects maintaining their structure, 5) The code checks specifically for QuotaExceededError to handle storage limits, 6) This approach ensures safe storage and retrieval of complex data structures, 7) Error handling is crucial as storage limits vary by browser, 8) The pattern is reusable and maintainable for various data types.
Using default values
Implementing cache invalidation

Next Question (2/20)