Creare un hook per lo storage in React
Può capitare spesso di dover usare localStorage/sessionStorage in applicazioni scritte in React.
Ma invece di richiamare ogni volta le varie funzioni get/set, possiamo creare un hook personalizzato.
Può capitare spesso di dover usare localStorage/sessionStorage in applicazioni scritte in React.
Ma invece di richiamare ogni volta le varie funzioni get/set, possiamo creare un hook personalizzato.
Angular di default è già compatibile con il localStorage standard.
Ma esiste una libreria consigliata nel caso volessimo usare Angular per creare una PWA: @ngx-pwa/local-storage!
Quando create una nuova versione del vostro progetto Angular e la caricate sul server, molto spesso dovete fare il refresh della pagina per fargli visualizzare le modifiche.
Ho visto che l'opzione "outputHashing": "all" è praticamente già attiva di default; quindi a quanto pare non basta.
Ho trovato un piccolo trucco che sembra mi stia funzionando.
L'oggetto localStorage di Javascript è veramente ottimo, flessibile e funzionale.
Solo che di default non ha una scadenza; in tal caso dovreste usare sessionStorage, che però scade alla chiusura della sessione.
Quello che vogliamo ottenere è un localStorage che scade quando vogliamo noi.
BrowserFS è un filesystem da usare nel browser con Javascript che sostanzialmente emula le funzioni di Node.js.
E' possibile usarlo tramite CDN, quindi non c'è nulla da installare.
E' possibile configurarlo per usare diversi backends, che potete visualizzare nella documentazione.
Angular ha tantissime librerie / estensioni per ogni evenienza.
Oggi vediamo angular-web-storage, che ci permette di salvare i dati degli utenti nei classici LocalStorage e SessionStorage di Javascript.
Prima di tutto, da terminale, spostiamoci nella cartella del progetto e digitiamo questo comando:
$ npm install angular-web-storage --save