RxJS - Visão geral

Este capítulo trata de informações sobre recursos, vantagens e desvantagens do RxJS. Aqui, também aprenderemos quando usar o RxJS.

A forma completa de RxJS é Reactive Extension for Javascript. É uma biblioteca javascript que usa observáveis ​​para trabalhar com programação reativa que lida com chamadas de dados assíncronas, retornos de chamada e programas baseados em eventos. O RxJS pode ser usado com outras bibliotecas e estruturas Javascript. É suportado por javascript e também com typescript.

O que é RxJS?

De acordo com o site oficial da RxJS , é definida como uma biblioteca para compor programas assíncronos e baseados em eventos usando sequências observáveis. Ele fornece um tipo de núcleo, o Observable, tipos de satélite (Observer, Schedulers, Assuntos) e operadores inspirados por Array # extras (map, filter, reduce, every, etc.) para permitir o tratamento de eventos assíncronos como coleções.

Características do RxJS

No RxJS, os seguintes conceitos cuidam de lidar com a tarefa assíncrona -

Observável

Um observável é uma função que cria um observador e o anexa à fonte onde os valores são esperados, por exemplo, cliques, eventos de mouse de um elemento dom ou uma solicitação Http, etc.

Observador

É um objeto com os métodos next (), error () e complete (), que será chamado quando houver interação com o observável, isto é, a fonte interage para um exemplo de clique de botão, solicitação Http, etc.

Inscrição

Quando o observável é criado, para executar o observável, precisamos assiná-lo. Também pode ser usado para cancelar a execução.

Operadores

Um operador é uma função pura que recebe observáveis ​​como entrada e a saída também é observável.

Sujeito

Um assunto é um observável que pode transmitir, ou seja, falar com muitos observadores. Considere um botão com um ouvinte de evento, a função anexada ao evento usando addlistener é chamada toda vez que o usuário clica no botão uma funcionalidade semelhante também vai para o assunto.

Schedulers

Um planejador controla a execução de quando a assinatura deve ser iniciada e notificada.

Quando usar o RxJS?

Se o seu projeto consiste em muitas tarefas de manipulação assíncrona, o RxJS é uma boa escolha. Ele é carregado por padrão com o projeto Angular.

Vantagens de usar RxJS

A seguir estão as vantagens de usar RxJS -

  • O RxJS pode ser usado com outras bibliotecas e estruturas Javascript. É suportado por javascript e também com typescript. Poucos exemplos são Angular, ReactJS, Vuejs, nodejs etc.

  • RxJS é uma biblioteca incrível quando se trata de manipulação de tarefas assíncronas. RxJS usa observáveis ​​para trabalhar com programação reativa que lida com chamadas de dados assíncronas, callbacks e programas baseados em eventos.

  • O RxJS oferece uma enorme coleção de operadores em categorias matemáticas, de transformação, de filtragem, de utilidade, condicionais, de tratamento de erros e de junção que tornam a vida mais fácil quando usados ​​com programação reativa.

Desvantagens de usar RxJS

A seguir estão as desvantagens de usar RxJS -

  • Depurar o código com observáveis ​​é um pouco difícil.

  • À medida que você começa a usar Observables, você pode terminar seu código completo dentro dos observáveis.