React e GraphQL – parte 2

Nel post precedente abbiamo introdotto GraphQL e ne abbiamo definito la terminologia. In questo secondo post ne analizzeremo le caratteristiche principali. GraphQL nasce come alternativa a REST, e si pone come obiettivo quello di fornire al client solo i dati di cui ha bisogno. Una delle sue caratteristiche è la possibilità di ottenere dati da […]

React e GraphQL

Nei post precedenti si è parlato della gestione degli stati all’ interno di un applicazione React. E soprattutto dell’importanza di usare gli state all’interno dei componenti: senza, si ricadrebbe a poco piu di una semplice pagina HTML. Oltre all’utilizzo dei context e di redux (o l’insieme dei due), è possibile utilizzare GraphQL. Come i Context, […]

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