На каком этапе относительно микро и макротасок находится задача по рендерингу

Рендеринг — это макротаска, так как он выполняется после выполнения всех микротасок (например, промисов, мутаций через queueMicrotask).

Пример:

console.log('Start'); // синхронный код

setTimeout(() => console.log('Timeout'), 0); // макротаска

Promise.resolve().then(() => console.log('Promise')); // микротаска

console.log('End'); // синхронный код

Вывод:

Start
End
Promise
Timeout

Рендеринг произойдет после выполнения микротасок (Promise), но до макротасок (setTimeout).