React.useCallback()

Riprendiamo la serie relativa agli hook per la memorizzazione dei dati messe a disposizione da React. In questo post trattiamo useCallback, che consente di memorizzare le funzioni. Ripartendo dall’esempio del post precedente in cui era stato implementato un filtro su una lista di utenti, sono state aggiunte due funzioni per l’aggiunta e la cancellazione di […]

React.useMemo()

UseMemo consente di memorizzare valori all’interno di un componente React. Supponiamo di aver realizzato un semplicente componente che consente di filtrare una lista di utenti: La UI dell’applicazione è composta da una casella di input (che gestisce il cambio di carattere salvando il valore all’interno di una variabile chiamata text) ed un pulsante per scatenare […]

React.memo

Per migliorare i tempi di risposta delle UI, React mette a disposizione un componente chiamato React.memo. Quando viene utilizzato questo componente, React memorizza lo stato del componente a cui è collegato React.memo e renderizza soltanto le parti necessarie, skippando quelle che non sono necessarie. E’ comunque da tenere in considereazione che spesso questo tipo di […]

React, refresh page e 404

Uno dei problemi più frequenti, che si incontrano nel deploy di applicazioni react su server, è sicuramente quello relativo al refresh delle pagine. Il comportamento che ci si aspetta è quello di effettuare il refresh del browser e di veder ricaricata la propria pagina. Un pò come avviene durante le fasi di sviluppo, utilizzando localhost […]

React onChange – Eseguire solo una chiamata

Uno dei problemi in cui mi sono imbattuto recentemente è la necessità di annullare chiamate a REST API. Il caso tipico è quello di una inputbox html in cui l’utente digita del testo e ad ogni variazione, viene eseguita una chiamata REST. Questo tipo di comportamento è piuttosto comune nelle searchbar di ricerca. Il primo […]