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 ...

Per gestire un'interazione utente in JavaScript, abbiamo bisogno di metterci in ascolto di eventi. Sottoscrivendoci al click di un bottone si possono eseguire varie funzionalità; stesso discorso se prendiamo in esame un input in cui dobbiamo inserire del testo o il click all'...

Nel mondo JavaScript abbiamo spesso a che fare con API. Nel migliore dei casi, queste sono scritte da noi, quindi l'output sarà codificato in modo tale da poter essere rappresentato ed elaborato facilmente una volta che il browser avrà ricevuto il dato. Tuttavia non sempre é così...

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...

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...

Nella versione 102 di Chrome, troviamo nuove specifiche per l'interazione delle PWA con il file system, rendendo un'applicazione web sempre più simile a una nativa. Tali modifiche sono già disponibili anche su altri browser.Per arrivare a ciò, non dovremmo agire solo sul codice, ...

Nelle SPA (Single Page Application) troviamo una gestione delle pagine indipendente dall'url: l'aggiornamento dell'url non corrisponde con un ri-caricamento della pagina, ma il layout viene modificato e/o aggiornato attraverso funzioni JavaScript. All'interno di un framework la ...