React Native – Cli Tools React Native consente di sviluppare APP (Android e IOS) sfruttando codice scritto tramite React. React Native è una tecnologia messa a disposizione da Facebook che permette di scrivere una sola volta il codice dell’App e di metterla a disposizione per Android e per IOS. Questo tipo di approccio consente di ottimizzare i tempi ed i […]
React Prioritizing state Updates Nel post precedente abbiamo visto come React 18 mette a disposizione per tutte le chiamate che aggiornano lo state la gestione in batching. In questo modo vengono ottimizzati gli aggiornamenti dello stato ed il render nella UI. Durante l’esecuzione del codice lato frontend, può accadere che la UI rimanga bloccata, ad esempio durante lo scaricamento […]
React State Updates Lo state rappresenta uno degli elementi core di un applicazione React. In pratica è la parte che permette di fornire dinamicità alle applicazioni rendendole di fatto differenti rispetto a semplici template html. Un aggiornamento dello state di un componente comporta il re-render dello stesso componente: solitamente questo tempo di “refresh” è veramente minimo (e spesso […]
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 […]
