localStorage

Vanilla JS (standard js)

The localStorage is

//Save the object in the localStorage.
localStorage.setItem("key", JSON.stringify({firstName: "Pierre", lastName: "Besson"})); 

// return the stringified object.
localStorage.getItem("key")

//In order to have the real object
JSON.parse(localStorage.getItem("key")); //Return {firstName: "Pierre", lastName: "Besson"}

All these operation are synchronous, this means the localStorage. Here is a detail article of mozilla on it.

localforage

In order to be more efficient with local storage and also provide a way to use other storage which will be available in HTML5 such as indexedDB we will use a library provided by Mozilla which is localforage.

The syntax is almost the same as for the local storage but each operation is asynchronous.

Save an object.

localforage.setItem("key", {firstName: "Pierre", lastName: "Besson"}); //Save the object in the local storage