React code splitting – Page & Routes

Nel post precedente abbiamo analizzato come non sempre sia vantaggioso utilizzare lazy all’interno di un applicazione react. Abbiamo visto che l’utilizzo di lazy comporta la creazione di caricamenti separati dei vari componenti, richiedendo di fatto una serie di chiamate HTTP che potrebbero influire sullo scaricamento ed il render della UI. Quindi, è necessario fare attenzione […]

React code splitting – parte 5

A questo punto dovrebbe essere chiaro come sia possibile utilizzare l’API lazy() in combinazione con Suspense per caricare i componenti solo quando ne abbiamo realmente bisogno. Nei post precedenti abbiamo analizzato l’utilizzo di Suspence e lazy analizzando come possono essere utilizzati all’interno delle nostre applicazioni. In realtà l’utilizzo di molti bundle renderizzati tramite Suspense genera […]

React e code splitting – parte 2

Nell‘articolo precedente è stato importato un componente in maniera dinamica, inserendolo all’interno di una useEffect(). Nell’articolo viene caricato il component e successivamente assegnato tramite la useState(). Questo tipo di approccio è sicuramente funzionante, ma diventa difficile da gestire all’interno di progetti reali. Per poter meglio gestire il comportamento dinamico, dall’ultima versione di React è stata […]

React – Lazy Loading Routes

All’interno di un applicazione React abbiamo la necessità di gestire le rotte per la visualizzazione dei diversi components presenti nell’applicazione. In particolar modo è necessario un pacchetto specifico chiamato React Router. React Router viene installato utilizzando il comando: nel caso in cui venga installata la versione 5 è necessario sostituirla con la versione 6 utilizzando […]