Введение в RxJS
RxJS — популярная библиотека среди веб-разработчиков. Он предоставляет некоторые функции, такие как шаблоны функционального и реактивного программирования, которые поддерживают работу с событиями и потоками. Rxjs предоставляет функциональность для написания асинхронного кода. Текущая стабильная версия — Rxjs v6.
RxJS 6 имеет много преимуществ по сравнению с предыдущей версией RxJS 5:
- Размер пакета меньше по сравнению с Rxjs версии 5.
- Производительность последней версии лучше.
- Лучше отлаживаемый.
Реактивное программирование:
Реактивное программирование используется для обработки потоков данных, называемых Observables. Observable подобен потоку, который выдает данные через непрерывный интервал времени. Observable полезен, когда мы подписываемся на данные через метод subscribe.
Пример: использование Rxjs с интервалом
// RxJS v6+
import { Component, OnInit } from '@angular/core';
import { interval } from 'rxjs';
@Component({
selector: 'app-todos',
templateUrl: './todos.component.html',
styleUrls: ['./todos.component.css'] })
export class TodosComponent implements OnInit {
title: any;
constructor() {
this.title = "Testing";
}
ngOnInit() {
interval(6000).subscribe(x => this.title = '');
}
}
Через 5 секунд
В приведенном выше примере мы импортируем модуль «Интервал» Rxjs и используем модуль интервала в качестве функции setTimeout. Этот интервал строки (6000).subscribe(x =› this.title = “); звонки через каждые 5 секунд. Интервал можно использовать для отображения флэш-сообщений в пользовательском интерфейсе.
Операторы Rxjs:
Webner Solutions — компания по разработке программного обеспечения, специализирующаяся на разработке систем управления страховыми агентствами, систем управления обучением и приложений Salesforce. Свяжитесь с нами по адресу [email protected] для подачи заявок на страхование, электронное обучение и Salesforce.
Первоначально опубликовано на https://blog.webnersolutions.com 22 июля 2020 г.