LocalStorage
L
Definition complete
LocalStorage est une API Web Storage permettant de stocker des donnees cle-valeur de maniere persistante dans le navigateur de l'utilisateur, sans expiration. Contrairement aux cookies, les donnees localStorage ne sont pas envoyees au serveur a chaque requete et offrent une capacite superieure (5-10 Mo selon les navigateurs vs 4 Ko pour les cookies). Les donnees persistent meme apres fermeture du navigateur et redemarrage de l'ordinateur. Cas d'usage : preferences utilisateur (theme sombre), donnees de formulaire non soumis, cache applicatif, etat d'application SPA, fonctionnement hors ligne. Attention : localStorage est synchrone (peut bloquer) et stocke uniquement des strings (JSON.stringify pour objets). Pour des volumes importants, IndexedDB est preferable.
Exemples pratiques
["localStorage.setItem("theme", "dark") pour preference utilisateur", "Sauvegarde brouillon : localStorage.setItem("draft", JSON.stringify(data))", "Verification : if (localStorage.getItem("onboarded")) skipOnboarding()", "PWA stockant donnees pour fonctionnement offline"]
A quoi sert LocalStorage ?
["Sauvegarde de preferences utilisateur", "Persistance de brouillons de formulaire", "Cache de donnees d'application SPA", "Fonctionnement partiel hors ligne", "Stockage de tokens d'authentification"]
LocalStorage en pratique chez 123web
LocalStorage stocke des donnees persistantes dans le navigateur pour des preferences utilisateur et du fonctionnement hors ligne.