React Frontend Developer

Question 1

Что такое рабочий процесс Gitflow?

Accepted Answer

Gitflow — это стратегия ветвления, которая делит разработку на несколько веток: main для релизов, develop для активной разработки и дополнительные ветки для новых функций, исправлений багов и релизов. Этот процесс удобен для крупных проектов с чёткими этапами разработки.

Question 2

Какие действия триггерят reflow, repaint. И как можно избежать частого reflow?

Accepted Answer

Reflow происходит, когда меняется структура страницы или размеры элементов, и браузеру нужно пересчитать расположение. Repaint вызывается, когда меняется внешний вид (например, цвет), но размеры остаются прежними. Частые reflow замедляют работу страницы, поэтому их стараются минимизировать — например, группируя изменения в DOM или используя classList, а не менять стили по одному.

Question 3

В какой момент мидлвары отрабатывают в цикле Redux?

Accepted Answer

Middleware отрабатывают после вызова dispatch() но до того, как экшен достигнет редюсеров. Они находятся в середине процесса диспатча, между инициацией экшена и фактическим обновлением состояния. Каждое middleware в цепочке получает экшен и решает передать его дальше, модифицировать или отменить.

Question 4

Как организована работа с задачами (Trello, колонки, приоритеты)?

Accepted Answer

Работа с задачами часто организуется с помощью канбан-досок, таких как Trello или Jira. Задачи представляются карточками, которые перемещаются по колонкам, отражающим этапы процесса (например, "To Do", "In Progress", "Done"). Приоритеты задач определяются с помощью меток, порядка в колонке или отдельного поля. Такой подход обеспечивает визуализацию прогресса, помогает выявлять узкие места и позволяет команде фокусироваться на наиболее важных задачах.

Question 5

Что такое reflow и repaint?

Accepted Answer

Reflow (перекомпоновка) — это процесс пересчета размеров и позиций элементов на странице при изменении DOM или CSS. Repaint (перерисовка) — это обновление внешнего вида элементов без изменения геометрии. Reflow всегда вызывает repaint, но не наоборот. Частые reflow'ы снижают производительность, поэтому их стараются минимизировать.

Question 6

Когда происходит перерасчет layout?

Accepted Answer

Перерасчет layout (reflow) происходит, когда изменяются геометрические свойства элементов: ширина, высота, позиция, отступы, или когда добавляются/удаляются элементы из DOM. Также reflow вызывается при изменении размеров окна, активации CSS-псевдоклассов (например, :hover), чтении некоторых свойств (offsetHeight, scrollTop) и при изменении содержимого (например, текста). Это дорогая операция, поэтому её стараются минимизировать.

Вопросы React Frontend Developer