React e code splitting – parte 1

Con l’ultima versione di React sono state distribuite nuove Api che consentono di gestire scenari di code-splitting. Ma di cosa si tratta? La creazione di applicazioni web che includono javascript monolite (ad esempio bundle che racchiudono l’intera applicazione), può generare problemi di usabilità e lentezza nel caricamento. Inoltre il code splitting consente al programmatore di […]

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