React Redux Toolkit

Migrando un applicazione React 16 alla versione 18, ho voluto minimizzare la configurazione di Redux, passando una configurazione tradizionale ad una con react redux toolkit. Uno dei problemi che si incontrano nella configurazione “standard” di Redux è la sua complessità. E’ necessario con una serie di file, e la complessità di configurazione aumenta all’aumentare della […]

GraphQL React – useMutation()

Nel post precedente abbiamo visto come sia possibile ottenere dati da un server GraphQL inviandogli direttamente una query con l’hook useQuery(). E’ il momento di modificare i dati del server utilizzando l’hook useMutatation(). Analizziamo la seguente mutation: La mutation prende in ingresso lo stato di un elemento todoe ritorna le sue informazioni aggiornate. Inoltre, ritorna […]

GraphQL – Apollo Client useQuery()

Apollo Client è una libreria che può essere utilizzata all’interno di applicazioni React, per il recuperare e modificare dati utilizzando GraphQL. Apollo client permette di ottenere dati in modi differenti, ed una di queste è mandando una query direttamente al server utilizzando l’hook useQuery(). Con questa hook non solo è possibile ottenere dati, ma è […]

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