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 code splitting – parte 3

Dopo aver descritto nell’articolo precedente l’API lazy(), passiamo ad analizzare un altro elemento fondamentale per la visualizzazione dei componenti lazy, il componente Suspense. All’interno del componente MyComponent viene renderizzato il component OtherComponent, che è stato caricato tramite l’API lazy(). Nella return il componente è inserito all’interno di un componente Suspense. Questo elemento ci permette di […]