React Frontend Developer

Question 1

Можете ли вы объяснить, что такое BrowserRouter и HashRouter?

Accepted Answer

BrowserRouter и HashRouter — это методы маршрутизации в React Router. BrowserRouter использует истинные URL, в то время как HashRouter использует хэш-фрагменты (#).

Question 2

Что такое createBrowserRouter и чем он отличается от использования <BrowserRouter>?

Accepted Answer

<BrowserRouter> обеспечивает базовую маршрутизацию с декларативным описанием маршрутов в JSX. createBrowserRouter позволяет описывать маршруты программно, предоставляя расширенные возможности, такие как загрузчики данных, обработчики ошибок и действие (action) маршрутов.

Question 3

В чем разница выводов – throw 'message' и throw new Error('message')?

Accepted Answer

throw 'message' — выбрасывает строку, но без стека вызовов и деталей ошибки.throw new Error('message') — создает объект ошибки с stack, name и другими свойствами, что упрощает отладку.

Question 4

Можно ли выбросить ошибку внутри then и как она будет обработана

Accepted Answer

Да, внутри then можно выбросить ошибку с помощью throw. Такая ошибка автоматически превращает Promise в rejected. Она будет поймана ближайшим catch ниже по цепочке. По сути, throw внутри then эквивалентен return Promise.reject(error).

Question 5

Что такое Type Guard и зачем он нужен

Accepted Answer

Type Guard — это проверка, которая позволяет TypeScript точно определить тип значения в конкретной ветке кода. Он используется при работе с union-типами, когда поведение зависит от реального типа данных. Type Guard делает код безопаснее и избавляет от лишних проверок и приведения типов. Он может быть встроенным или пользовательским.

Question 6

Как объявляются функции в JavaScript и чем отличаются function declaration и arrow function?

Accepted Answer

Function declaration объявляется через ключевое слово function и поднимается (hoisting). Arrow function записывается через стрелочный синтаксис и не имеет собственного this. Также arrow function нельзя использовать как конструктор и у нее нет arguments.

Question 7

Как Browser APIs взаимодействуют с Event Loop?

Accepted Answer

Browser APIs (например, setTimeout, fetch) запускают асинхронные операции вне основного потока JavaScript. Когда операция завершается, её колбэк помещается в очередь задач (callback queue). Event Loop постоянно проверяет, пуст ли стек вызовов, и если да, то переносит первый колбэк из очереди в стек для выполнения. Это позволяет не блокировать основной поток.

Вопросы React Frontend Developer