React – Styled Components library La libreria Styled components è una libreria che consente di applicare stili all’interno di componenti React Native, definendoli all’interno di plain css. Utilizzando questa libreria, infatti, non è necesario definire gli stili tramite oggetti e utilizzarli tramite props. I css sono definiti tramite template che prendono il nome di styled-components. La documentazione ufficiale della libreria […]
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 […]
