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.useEffect()

I React Hook hanno fatto la loro comparsa a partire dalla versione 16.8. Consentono di utilizzare lo stato ed altre funzionalità di React senza dover scrivere un componente React class. Con l’introduzionedegli Hooks si è pensato inizialmente che l’utilizzo delle React class diventasse a breve obsoleto: in realtà non è così. In realtà rappresentano un […]

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 […]