Вопросы React Frontend Developer

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

В React для обработки ошибок используются Error Boundaries — компоненты, которые ловят ошибки в дочернем дереве и отображают запасной UI. Error Boundary создается с помощью методов componentDidCatch или getDerivedStateFromError. Однако Error Boundaries не ловят ошибки в асинхронном коде, обработчиках событий и серверном рендеринге — для них нужны отдельные try/catch.

Error Boundary не может перехватывать ошибки в обработчиках событий, асинхронном коде (setTimeout, requestAnimationFrame), серверном рендеринге и собственные ошибки внутри самого Error Boundary. Также он не ловит ошибки, выброшенные вне цикла рендеринга React.

Suspense отображает fallback-компонент во время загрузки данных, а Error Boundary ловит ошибки, возникшие в дочерних компонентах, включая ошибки при загрузке. Они работают вместе: Suspense управляет состоянием загрузки, а Error Boundary — состоянием ошибки. Если в процессе загрузки возникает ошибка, она пробрасывается в ближайший Error Boundary, который отображает UI ошибки. Это позволяет разделить логику загрузки и обработки ошибок.