Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Специализация

Python Backend Developer

Java Backend Developer

Node.js Backend Developer

Golang Backend Developer

React Frontend Developer

Посмотреть все

Выберите навыки

React

React

JavaScript

JavaScript

Git

Git

Redux

Redux

Webpack

Webpack

Посмотреть все

Сложность

1-3

4-6

7-8

9-10

Рейтинг вопросов

1

2

3

4

5

Подпишись на React Developer в телеграм

Вопросы React Frontend Developer


Что такое GitOps?

Что делают preventDefault и stopPropagation?

В чём разница между event.stopPropagation() и event.stopImmediatePropagation()?

Почему при центрировании через position: absolute и top/left: 50% часто используют transform: translate(-50%, -50%)?

В чём проблема использования top/left совместно со styled-components при drag-and-drop?

  • Рейтинг:

    2

  • Сложность:

    4

GitOps — это метод управления инфраструктурой и приложениями через Git-репозитории. Изменения в коде инфраструктуры автоматически применяются через CI/CD-процессы.

Подробнее
  • Рейтинг:

    3

  • Сложность:

    3

preventDefault() отменяет стандартное действие браузера (например, предотвращает переход по ссылке). stopPropagation() останавливает всплытие события, чтобы оно не передавалось родительским элементам. Оба метода используются для более гибкого управления событиями.

Подробнее
  • Рейтинг:

    2

  • Сложность:

    5

  • stopPropagation() — останавливает всплытие события (но другие обработчики на этом же элементе сработают).

  • stopImmediatePropagation() — останавливает всплытие и все остальные обработчики на этом элементе.

Подробнее
  • Рейтинг:

    2

  • Сложность:

    6

transform: translate(-50%, -50%) смещает элемент обратно на половину его собственной ширины и высоты, что позволяет точно отцентрировать элемент относительно точки top/left: 50%.

Подробнее
  • Рейтинг:

    4

  • Сложность:

    5

Использование top/left вызывает перерасчёт layout (reflow) при каждом изменении, что снижает производительность. styled-components генерирует новые CSS-классы при каждом обновлении стилей, что усугубляет проблему. Рекомендуется использовать CSS-свойство transform: translate() для перемещения элементов, так как оно работает на уровне compositing и не вызывает reflow.
Подробнее