Что такое batching в React

Batching — это процесс группировки нескольких обновлений состояния в один рендер для оптимизации производительности. React автоматически батчит синхронные обновления внутри обработчиков событий (например, onClick), но не в асинхронных операциях (например, setTimeout или промисах).

До React 18:

// Батчится
handleClick = () => {
  setState(a); 
  setState(b); // Один ререндер
}

// Не батчится
setTimeout(() => {
  setState(a);
  setState(b); // Два ререндера
}, 0);

В React 18+ с createRoot все обновления батчатся по умолчанию, даже асинхронные. Можно принудительно отключить через flushSync.