Thread by @UbahTheBuilder

What exactly is Local Storage and how is it used?

Here's all you need to know:

The local storage is a mechanism used to store information about a user like his/her

- name
- interests
- preferences

or even cookie in the client's computer.

It is a small database controlled by the web browser

- You can only store the values as strings, not array or object

- If the information you want to store in local storage is an array, object or map, you must first coerce it to a string.

- Info will remain even after the tab is closed.

Let's assume a user inputs his/her name in a form, this function will be called to save the name in local storage:

function saveName(name) {
localStorage.setItem('name', name);
}

When that same user returns, you can retrieve the name from local storage and use it to log him/her in:

function getName(name) {
localStorage.getItem('name');
}

To remove that particular information (name) from local storage:

function getName(name) {
localStorage.removeItem('name');
}

If you are saving group of information about a user (eg, an Object), you must first "stringify" it:

function saveInformation(info) {
const infoString = JSON.stringify([...info]);
localStorage.setItem('information', infoString);
}

To clear all the information from local storage:

function clearInfo() {
localStorage.clear();
}

Local Storage is a simple yet handy mechanism for storing user information on the browser.

If you learned from this, be sure to follow me 👉 @UbahTheBuilder for more on JavaScript.