Публикации по теме 'rxjs'
Отслеживание области взаимодействия с пользователем
Часто необходимо знать, с какой областью страницы взаимодействует пользователь. Например, если вы создаете раскрывающийся список, вам нужно знать, когда его закрывать. Наивная реализация заключалась бы в том, чтобы просто слушать клики и проверять, произошло ли это за пределами раскрывающегося элемента. Но мышь — не единственный способ взаимодействия. Человек может использовать клавиатуру для навигации по фокусируемым элементам. А раскрывающийся список может иметь вложенное..
Реактивное программирование и концепции RxJS за 4 минуты
Реактивное программирование
Реактивное программирование - это парадигма декларативного программирования, связанная с потоками данных и распространением изменений. Рассмотрим ниже пример.
b = 10, c = 20;
a$ = b+c;
b = 20, c = 30;
a$ = ?
В мире императивного программирования, когда эта программа выполняется, значение a $ всегда будет 30. Даже если значения b и c обновлены, это не повлияет на значение a $. В случае реактивного программирования значение a $ будет 50. Здесь a $ - это..
Реактивные действия, управляемые событиями, с помощью Firefly Semantics Slice
Сценарий
Если пользователь посещает наше приложение и пользователь уже вошел в систему, мы хотим перенаправить пользователя на маршрут /app .
Мы будем использовать Firefly Semantics Slice Object Store для реализации реактивной обработки событий.
@fireflysemantics/slice Build… www.npmjs.com
Подход
Приведенный ниже служебный метод onAuthRedirectToApplication принимает аргумент route и обращается к нему, когда пользователь..
RxJS — пассивные подписчики
Предположим, что есть служба, которая предоставляет конечную точку startItUp():Observable<Graph> API. Всякий раз, когда потребитель подписывается на это, к серверу отправляется множество тяжелых запросов, а возвращаемые данные упаковываются для подписчика.
Что, если мы хотим добавить несколько пассивных слушателей к вышеуказанному событию? Что, если нам нужен API passiveState():Rx.Observable<Graph> , который не инициирует какие-либо из этих тяжелых запросов к серверу, а..
RxJS в Ангуляре. Кулинарная книга
RxJS в Ангуляре. Кулинарная книга
Давайте рассмотрим наиболее распространенные сценарии, которые RxJS позволяет вам решить. С RxJS это намного проще, чем делать это вручную без RxJS. Давай начнем.
Автодополнение
Обычно есть ввод и извлечение списка из бэкэнда с доступными опциями для пользователя на основе предоставленного ввода.
@Component({
template: `
<input [formControl]="control" type="text">
<div *ngFor="let item of list$ |..
Как создать Observable, используя Behavior Subject в Angular
Наблюдаемый
Observable, также известная как библиотека ReactiveX, исходит от RxJS и действительно полезна для обработки событий и, в частности, для подписки на них. Например, Angular использует наблюдаемые объекты в качестве интерфейса для своих основных функций, таких как:
Определите пользовательские события для отправки выходных данных из дочернего компонента в родительский компонент. Обрабатывайте запросы и ответы AJAX через модули HTTP. Слушайте и реагируйте на события..
Управление локальным состоянием с помощью Subject и BehaviorSubject в Angular
Одна из вещей, с которой я и большинство моих знакомых разработчиков борются, — это использование RxJS.
В большинстве случаев мы используем его, потому что Angular заставляет нас это делать, и при первой же возможности мы подписываемся и конвертируем данные в обычные элементы данных.
Это работает, но у него есть несколько проблем:
Мы смешиваем декларативную парадигму RxJS с императивным программированием. Это в основном вредит, когда компонент является двухсторонним компонентом,..