React Frontend Developer

Question 1

Как использовать Subresource Integrity (SRI) для защиты загружаемых ресурсов?

Accepted Answer

Subresource Integrity (SRI) — это механизм безопасности, который позволяет браузерам проверять, что загружаемые внешние ресурсы (например, скрипты и стили) не были изменены. Для использования SRI необходимо добавить атрибут integrity к тегам

Question 2

В чем суть принципа Liskov Substitution?

Accepted Answer

Принцип подстановки Лисков гласит, что объекты базового класса должны быть заменяемы объектами производного класса без изменения корректности программы. Это означает, что наследник должен дополнять, а не изменять поведение родителя. Например, если у вас есть класс Прямоугольник, то класс Квадрат, наследующий от него, не должен нарушать логику работы с шириной и высотой. Нарушение LSP приводит к хрупкому коду и неожиданным ошибкам.

Question 3

Как работает onSubmit на форме и почему может не срабатывать в некоторых случаях?

Accepted Answer

onSubmit — это событие, которое срабатывает при отправке формы, например, по нажатию кнопки submit или клавиши Enter. Если оно не срабатывает, возможные причины: кнопка не имеет type="submit", форма вложена в другую форму, или JavaScript-ошибка в обработчике. Также стоит проверить, что событие не отменено через preventDefault без необходимости.

Question 4

Как использовать метод next() у BehaviorSubject?

Accepted Answer

Метод next() у BehaviorSubject используется для отправки нового значения всем текущим подписчикам. BehaviorSubject хранит последнее переданное значение и автоматически передает его новым подписчикам при подписке. Вызов next() обновляет это значение и уведомляет всех активных подписчиков.

Question 5

Что такое BehaviorSubject в RxJS и чем он отличается от обычного Subject?

Accepted Answer

BehaviorSubject — это разновидность Subject в RxJS, которая хранит последнее значение и передает его новым подписчикам. В отличие от обычного Subject, BehaviorSubject требует начального значения при создании. При подписке BehaviorSubject сразу выдает текущее значение, а Subject — только новые события. Это делает BehaviorSubject удобным для хранения состояния, например, текущего пользователя или темы оформления.

Question 6

Как использовать BehaviorSubject для передачи значений из пользовательского ввода в поток?

Accepted Answer

BehaviorSubject — это разновидность Subject в RxJS, которая хранит последнее значение и передает его новым подписчикам. Для передачи пользовательского ввода создается BehaviorSubject с начальным значением, затем при каждом изменении ввода вызывается метод next(). Подписчики получают актуальные данные и могут реагировать на изменения.

Question 7

Как связать BehaviorSubject с HTTP-запросом через switchMap?

Accepted Answer

BehaviorSubject хранит текущее значение и эмитирует его подписчикам. Оператор switchMap принимает значение из BehaviorSubject, выполняет HTTP-запрос и автоматически отменяет предыдущий запрос, если приходит новое значение. Это позволяет реализовать поиск с автодополнением или обновление данных при изменении параметров.

Вопросы React Frontend Developer