кстати если интересно, в вкладке performance есть кастомные метки, показывающие работу планировщика
второй ряд тайминга — это три блока операций: props, tree, data
— props: операции над отдельными dom-нодами (применение стилей, изменение текста и т.д.)
— tree: операции над элементами деревьев (включая вызовы node)
— data: вычисления данных, в частности инициализация инстансов для элементов, обновление данных для элементов списков
очередь на выполнение организована таким образом, что эти три блока всегда выполняются по очереди и каждый фрейм всегда начинается с props, таким образом, обновления ui (изменения значений в dom) не могут быть задержаны тяжёлыми вычислениями, те всегда используют лишь оставшееся время фрейма