React Frontend Developer

Question 1

Чем отличается controlled от uncontrolled компонентов?

Accepted Answer

В React можно выделить 4 разновидности контролируемых и неконтролируемых сущностей:

Контролируемый компонент (родителем) – родитель управляет состоянием дочернего через props.
Неконтролируемый компонент (родителем) – компонент сам управляет своим состоянием (через useState или useRef).
Контролируемый элемент формы – значение элемента хранится в state, а изменения отслеживаются через onChange.
Неконтролируемый элемент формы – значение хранится напрямую в DOM (обычно через ref).

Question 2

Что такое AbortController и как он используется в JavaScript для отмены асинхронных операций?

Accepted Answer

AbortController — это встроенный объект в JavaScript, который позволяет отменять асинхронные операции, такие как запросы через fetch. Он работает вместе с AbortSignal, который передаётся в асинхронную операцию. Если вы вызываете метод abort() у контроллера, операция прерывается, и её результат больше не будет обработан.

Question 3

Какой заголовок HTTP регулирует разрешённые домены в контексте CORS?

Accepted Answer

Заголовок Access-Control-Allow-Origin указывает, какие домены могут получать доступ к ресурсу. Если сервер не отправляет этот заголовок, браузер блокирует запросы с других источников. Значение '*' разрешает все домены, но не поддерживается с куками.

Question 4

Как реализовать таймаут для группы параллельных запросов, чтобы при превышении времени ожидания выбрасывалась ошибка?

Accepted Answer

Для таймаута группы параллельных запросов можно использовать Promise.race, передав массив из всех запросов и промиса с таймером, который отклоняется через заданное время. Если таймер срабатывает раньше всех запросов, выбрасывается ошибка. Альтернативно, можно применить AbortController для отмены запросов при таймауте.

Question 5

Что такое FormControl в Angular?

Accepted Answer

FormControl — это класс в Angular, который отслеживает значение и состояние валидации одного поля ввода. Он используется в реактивных формах для управления данными и проверки. Создается с начальным значением и массивом валидаторов. Позволяет подписываться на изменения значения или статуса.

Question 6

Какая разница между управляемыми и неуправляемыми компонентами?

Accepted Answer

Управляемые компоненты хранят своё состояние в React через useState и обновляются через onChange. Неуправляемые компоненты используют ref для доступа к DOM-элементу напрямую, а состояние хранится в самом DOM. Управляемые дают больше контроля и предсказуемости, неуправляемые проще для простых форм.

Вопросы React Frontend Developer