Animazioni in React con React Spring

React Spring è un'ottima per libreria per creare animazioni in React.

In questo articolo vediamo un paio di esempi basici.

Utilizzare Suspense in React nel caricamento dati

Nelle ultime versioni React ha messo a disposizione Suspense, che in pratica ci forninsce un modo per visualizzare un loading durante il caricamento dei dati.

Ovviamente era possibile ottenere una cosa simile anche prima, solo che prima dovevamo scrivere un pò più di codice.

In questo articolo vi mostro due esempi per fare una comparazione.

Usare path assoluti in React

Supponiamo di avere parecchi componenti/moduli in una nostra app React.

Quando li includiamo abbiamo sempre quei path relativi con N puntini davanti a seconda del livello in cui ci troviamo.

In realtà possiamo usare i path assoluti; ma cominciamo da un esempio standard.

Usare gli interceptors in axios

Di axios abbiamo già parlato svariate volte, anche perchè è la libreria che uso in genere in React.

In questo articolo vediamo come usare gli interceptors; sostanzialmente ogni richiesta HTTP verrà "intercettata" e verrà eseguito/impostato un qualcosa deciso da noi.

Nell'esempio uso React, ma in verità potete usarlo dove volete.

Condividere dati tra componenti in React con useContext

useContext è uno hook per React che ci permette di condividere dati tra componenti.

In questo articolo ne vediamo un esempio basico.

Non ci sono librerie da installare.

Usare useLayoutEffect in React

useLayoutEffect è sostanzialmente la versione sincrona di useEffect.

Hanno la stessa identica sintassi, e sono entrami degli hooks di React.

Ma, come anticipato, useEffect è asincrono, ed ottimo per eseguire, ad esempio, chiamate ad API.