Зачем нужен Batching

Batching — это оптимизация, позволяющая группировать несколько обновлений состояния в один рендер, что уменьшает количество ререндеров и повышает производительность.

В React 17 и ниже автоматический батчинг работал только внутри синхронных обработчиков событий (например, onClick). В React 18+ батчинг работает везде (включая setTimeout, промисы и т.д.) благодаря новому механизму рендеринга (Concurrent Mode).

Пример:

// React 17: два ререндера
setCount(1);
setFlag(true);

// React 18: один ререндер (автобатчинг)
setCount(1);
setFlag(true);

Также можно принудительно включить батчинг через unstable_batchedUpdates (в старых версиях) или использовать startTransition для отложенных обновлений.