react

Mattepuffo's logo
React 19 e l'hook use

React 19 e l'hook use

In React 19 è stato introdotto un hoo nuovo: use()!

Leggendo in giro ho visto che ne viene incoraggiato l'uso sia per il data fetching che per il context.

Nello specifico per quanto riguarda il data fetching, vi indico un pò di differenze che ho raccolto in giro.

Mattepuffo's logo
Usare le transition in React

Usare le transition in React

React normalmente tratta tutti gli aggiornamenti di stato come urgenti; ad esempio:

  • se digiti in un campo di input di ricerca, il nuovo valore deve apparire subito

  • se clicchi un bottone, il feedback deve essere immediato.

Mattepuffo's logo
Eseguire test di componenti in React Typescript con Jest

Eseguire test di componenti in React Typescript con Jest

In realtà non useremo solo Jest per eseguire i test, ma diciamo che è la libreria di punta.

Comunque dovremmo installare e configurare parecchia roba, soprattutto perchè stiamo usando Typescript.

Inoltre io ho creato il progetto con Vite, che può portare a delle differenze rispetto ad altri modi con cui potete creare i progetti in React.

Insomma, come al solito troppe possibilità e troppe differenze......

Mattepuffo's logo
Creare custom hook in React

Creare custom hook in React

In React gli hook sono fondamentali, e ce ne sono svariati già inclusi.

Nessuno vieta di crearne di nostri custom.

Supponiamo di dover richiamare dei dati in diverse pagine; volendo possiamo creare un hook che accetta in input l'url e ci restituisce i dati.