LocalStorage et SessionStorage

Qu’est-ce que c’est ? Qu’est-ce que cela permet ?

Le LocalStorage et le SessionStorage permettent d’avoir des données persistantes côté client, donc dans le navigateur, sous forme de clé / valeur et sans devoir recourir aux cookies.

Cela peut permettre de charger des données dans le navigateur au lancement de l’application pour ensuite éviter des appels serveur et donc d’avoir une application plus réactive. Cela peut également permettre de stocker un ensemble de données côté client et de les envoyer au serveur uniquement en fin de traitement, là aussi pour s’économiser des appels serveurs.

Cela peut permettre un fonctionnement hors connexion, avec une synchronisation vers le serveur lorsque la connexion est retrouvée.

Différences entre LocalStorage et SessionStorage

Les données du LocalStorage sont conservées même rafraichissement de la page, fermeture de l’onglet ou bien du navigateur, tandis que les données du SessionStorage sont automatiquement effacées lorsque l’onglet est fermé.

Les données du LocalStorage sont accessibles dans tous les onglets / toutes les fenêtres, tandis que celles du SessionStorage ne sont accessibles que dans l’onglet où elles ont été créées.