[имя] когда и по какой логике браузер выполняет фазу рендеринга и `paint`, если есть много микрозадач и изменения DOM через ReactDOM?

Изменение DOM не означает немедленный paint: браузер обновляет rendering в подходящие моменты event loop после выполнения текущей работы и microtasks.

Длинная очередь микрозадач может задерживать кадр. React commit изменяет DOM, но не гарантирует мгновенную отрисовку пикселей; layout-read может вызвать синхронный layout без paint. requestAnimationFrame вызывается перед отрисовкой, поэтому тяжёлая работа внутри него тоже мешает кадру.

Источник: html.spec.whatwg.org.