React Frontend Developer

Question 1

В чем различие между Observable и Promise? Где применяется каждый из этих паттернов?

Accepted Answer

Promise — это объект, который работает с одним значением или ошибкой, и его результат может быть получен только один раз. Он идеален для однократных асинхронных операций, таких как запросы к API. Observable позволяет работать с множественными значениями и управлять подписками на поток данных, что делает его полезным для событий, потоков данных или длительных операций. Основное различие — в многократности значений и возможностях управления потоком.

Question 2

Что такое pipe в RxJS и как его применять?

Accepted Answer

Pipe в RxJS — это метод, который позволяет объединять несколько операторов в цепочку для обработки данных из Observable. Он принимает функции-операторы и применяет их последовательно к потоку данных. Это делает код более читаемым и модульным, позволяя комбинировать трансформации, фильтрацию и другие операции.

Question 3

Как правильно передать значение из события DOM в поток RxJS?

Accepted Answer

Для передачи значения из события DOM в поток RxJS используется функция `fromEvent`. Она создает Observable, который испускает объекты события при каждом срабатывании указанного события на целевом элементе. Затем можно применить операторы, такие как `map`, чтобы извлечь нужное значение из события, например, `event.target.value` для поля ввода.

Question 4

Как подписаться на Observable и получить данные из потока?

Accepted Answer

Observable — это поток данных, на который можно подписаться с помощью метода subscribe(). В subscribe передаются три колбэка: next (получение данных), error (ошибка) и complete (завершение). Подписка возвращает объект Subscription, который можно отменить через unsubscribe().

Question 5

Как обрабатывать побочные эффекты (side-эффекты) в приложении с использованием Redux Observable (epics)?

Accepted Answer

Redux Observable использует эпики для обработки побочных эффектов. Эпик — это функция, которая принимает поток действий и возвращает поток новых действий. С помощью RxJS операторов, таких как mergeMap, switchMap или debounceTime, можно управлять асинхронными операциями, например, HTTP-запросами или таймерами. Это позволяет отделить логику эффектов от редьюсеров и компонентов.

Question 6

Что такое Redux Observable и зачем он используется вместе с RxJS?

Accepted Answer

Redux Observable — это middleware для Redux, которое использует RxJS для обработки асинхронных действий и побочных эффектов. Оно позволяет создавать "epics" — функции, которые принимают поток действий и возвращают новый поток действий. Это упрощает работу с сложными асинхронными сценариями, такими как отмена запросов или debounce.

Вопросы React Frontend Developer