React Frontend Developer

Question 1

Для чего используется webpack-cli?

Accepted Answer

Webpack CLI — это интерфейс командной строки, позволяющий запускать Webpack, управлять настройками и выполнять сборку проекта. Без него нельзя использовать Webpack из терминала.

Question 2

Как реализовать модальное окно с формой (логин/пароль) и обработкой внешних кликов (outside click) для закрытия?

Accepted Answer

Модальное окно реализуется как компонент, который отображается поверх основного контента. Обработка клика вне модалки (outside click) делается через проверку цели события: если клик был не по модалке, то закрываем ее.

Question 3

Когда и зачем выбирать Apollo Client, Redux Toolkit или React Query?

Accepted Answer

Выбор зависит от типа данных и архитектуры вашего приложения. Apollo Client — это специализированное решение для работы с GraphQL API, которое предоставляет кэширование, управление состоянием запросов и подписок. Redux Toolkit — это универсальная библиотека для управления глобальным состоянием приложения, идеально подходит для сложной бизнес-логики, не связанной напрямую с сетевыми запросами. React Query (TanStack Query) фокусируется на асинхронном состоянии: кэшировании, синхронизации и обновлении данных, полученных по REST, GraphQL или другим протоколам.

Question 4

Что делает getBoundingClientRect?

Accepted Answer

Метод getBoundingClientRect возвращает объект DOMRect с координатами элемента относительно окна браузера (viewport). Он содержит свойства top, right, bottom, left, width и height. Это полезно для определения видимости элемента, анимаций или позиционирования всплывающих подсказок.

Вопросы React Frontend Developer