📐 Что такое Reflow? Это спросят на собесе!

Reflow — это первый уровень рендеринга браузера, процесс, когда браузер пересчитывает геометрию и позиции элементов на странице. Происходит при изменении размеров окна, добавлении или удалении DOM-элементов, изменении стилей, которые влияют на layout — ширину, высоту, отступы, позиционирование. Reflow — дорогая операция, потому что браузеру нужно пересчитать положение каждого элемента, затронутого изменениями, а иногда и всей страницы. Частые или каскадные reflow — основная причина тормозов интерфейса. На собеседовании Middle и Senior фронтенд-разработчика важно понимать разницу между Reflow и Repaint, знать, какие свойства вызывают reflow, а какие только repaint, и уметь оптимизировать частоту перестроений. Полный разбор стратегий оптимизации производительности — в большом видео по ссылке под этим шортсом. #reflow #browser #frontend #frontendinterview #middle #senior #techinterview #codinginterview