In React, l’aggiornamento dello stato non avviene sempre immediatamente. Può essere raggruppato in “batch” per migliorare le prestazioni dell’applicazione.
Il metodo `setState` di React è di solito asincrono, il che significa che l’aggiornamento dello stato può essere raggruppato insieme e poi eseguito tutto in una volta per ridurre il numero di re-render necessari. Questo è noto come “batching”.
Ecco come funziona:
1. Quando si chiama `setState`, React non aggiorna inmediatamente lo stato del componente. Invece, mette in coda un aggiornamento dello stato.
1. Se stai chiamando `setState` più volte in rapida successione, React metterà in coda tutti questi aggiornamenti dello stato insieme.
1. Dopo un certo periodo di tempo, React esegue tutti gli aggiornamenti dello stato in coda in un unico “batch”.
1. Dopo che tutti gli aggiornamenti di stato sono stati eseguiti, React poi re-renderizza il componente con il nuovo stato.
Il batching degli aggiornamenti di stato aiuta a migliorare le prestazioni perché riduce il numero di volte che React deve re-renderizzare il componente. Ad esempio, se chiami `setState` tre volte in rapida successione, senza batching, React dovrebbe re-renderizzare il componente tre volte. Ma con il batching, React può re-renderizzare il componente solo una volta con il nuovo stato.
