Functionality: Create a localStorage Hook that Adds, Updates, or Retrieves an item

[larkinds]

Overview:

When a customer is using the website, we want to make sure that their data is persisted in case they accidentally navigate away from the page. Data to be persisted includes the items in their cart, their login/login status & relevant account information

Action Items:

Hook:

• The hook sets data passed to it into localStorage & returns the created key
• The hook reads or creates the Context
• The hook retrieves any piece of data from localStorage as requested
• The hook updates any previously set value in localStorage when requested
• The hook uses JSON.stringify() and JSON.parse() to convert data to & from a string (since localStorage only supports strings)
• The hook follows the [Rules of Hooks], and follows the naming convention for hooks

Misc:

• Personal data about the customer is stored securely
• A naming convention for how data is set into localStorage has been created and documented

Resources:

• MDN’s [localStorage] Documentation
• MDN’s [Storage] Documentation
• Legacy and Current Documentation for Hooks