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 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
Se abbiamo un'applicazione multi-pagina con jQuery Mobile, e vogliamo passare parametri tra le varie pagine, non ci basta usare i classici parametri in GET; dobbiamo arrangiarci in altro modo.
Io personalmente ho usato sessionStorage!
In pratica nel link setto tutti i valori che mi servono usando setItem, e nella pagina di arrivo li prendo con getItem.
Quindi, il nostro link sarà una cosa del genere:
<a href="#page_up_tempo" data-transition="slideup"
onclick="
sessionStorage.setItem('nome', 'MATTE');
sessionStorage.setItem('cognome', 'PUFFO');
">
A questo punto dobbiamo prendere i valori nella pagina page_up_tempo.