Web Storage = Local storage + Session storage

As you can see, Local storage and Session storage are very similar, but there is one big difference.
That is expiration data LocalStorage can keep data until deleting it which means if a user closes a tab, still js code can use LocalStorage data. This sounds useful, but need to select the right data type.

data persistence

LocalStorage: will keep until users delete(probably delete cache) or the app remove/clear

SessionStorage: will keep until users close tab/window or the app remove/clear

Cookie: will keep until expires, users delete cookies or the app remove/clear

In terms of Cookie, we need to take care of each browser and time sync between client and server.

As you can see, 2 big differences are data size and sending data to the server.

How to use Local storage

set value

localStorage.setItem('myDogName', 'Ral');

// we can store json 
localStorage.setItem('dogs', JSON.stringify(dogData));

get value

const myDog = localStorage.getItem('myDogName');

// of course, we can get data as json
const dogData = JSON.parse(localStorage.getItem('dogs'));

remove value

localStorage.removeItem('myDogName');

clear this removes all data from localStorage

localStorage.clear();

How to use Session storage

In this article, I'm using js instead of backend scripts.

set value

sessionStorage.setItem('myDogName', 'Ral');

get value

const myDog = sessionStorage.getItem('myDogName');

remove value

sessionStorage.removeItem('myDogName');

clear this removes all data from sessionStorage

sessionStorage.clear();

How to use Cookie

set value

document.cookie = 'my dog name was Ral'

get value

const data = document.cookie.split(':');

for(const elm of data) {
  const content = elm.split('=');
  console.log(content[1]);
}

set expiration

document.cookie = 'name="removed immediately"; max-age=0';
console.log(document.cookie);

// set 100 seconds
document.cookie = 'name="removed immediately"; max-age=0';
console.log(document.cookie);

other options
https://javascript.info/cookie#path

cookies with nodejs
https://www.geeksforgeeks.org/http-cookies-in-node-js/