Utilizzando i browser moderni è possibile salvare i più svariati dati per renderli disponibili offline. In altri script abbiamo trattato argomenti come IndexedDB o l'utilizzo di LocalStorage e SessionStorage. A questi andiamo ad integrare le Cache API.Come si può intuire dal nome...

Non di rado capita di trovarsi davanti alla classica cascata di if/else come la seguente.var name = "Morgan";if(name.toLowerCase() === 'morgan') console.log("Il tuo nome inizia per M")else if(name.toLowerCase() === 'fabio') console.log("Il tuo nome inizia per F")else if(...

In JavaScript un object può avere i più svariati utilizzi. Possiamo utilizzarlo per avere una rappresentazione di un'informazione, un insieme di funzioni o di dati. Ma non per questo non esistono strumenti migliori o più performanti; ad esempio per un dizionario è consigliato l'...

Se nello script #373 abbiamo parlato di Map e delle sue differenze con Object, ora non possiamo non parlare di Set: la controparte per quanto riguarda gli Array.Set permette di creare una lista di elementi univoci, con prestazioni in aggiunta e rimozione incredibili, a volte ...

Nei precedenti script abbiamo trattato le strutture Map e Set. La prima è da utilizzare come dizionario chiave/valore, mentre la seconda per una lista di oggetti unici ordinati. In questo script, aggiungiamo anche le strutture WeakMap e WeakSet che svolgono la medesima funzione, ...

Il mondo dello sviluppo front-end, nella sua declinazione JavaScript, è intriso di librerie. Ne troviamo per tutte le necessità e funzionalità, anche superflue; spesso ci ritroviamo a chiederci come fare la stessa operazione: quante volte ci siamo domandati "come seleziono solo ...

Nello script #377 abbiamo analizzato alcune microfunzioni che possono tornarci utili quando dobbiamo interagire con liste di oggetti o valori.I metodi sono stati scritti in modo da poter essere il più generici possibile e condivisibili tra progetti. Nello script di oggi vediamo ...

Nello scorso script abbiamo introdotto la cache come ulteriore strumento per salvare informazioni non sensibili lato client. Questa ci permette prestazioni migliori sia in termini di risparmio risorse che in situzioni dove la connettività può essere un problema.const cache = ...

Concludiamo questa serie di script riguardanti la cache parlando del recupero degli elementi e della sua rimozione.La cache non ha metodi di ricerca degli elementi al suo interno, se non quelli forniti tramite tramite il metodo match; ma possiamo facilmente iterare sulle chiavi, ...

In React, diversamente da altri framework JavaScript, la gestione di operazioni che vengono effettuate utilizzando il metodo setInterval può non essere così banale, dato che dobbiamo lavorare con lo State presente in ogni componente.Il primo esempio che mostriamo è quello che non...