¿Qué es y cómo usar RxJS?

¿Qué es RxJS?

RxJS is una librería de programación reactiva cuyo fin es simplificar la composición de código asíncrono y basado en eventos a través de secuencias observables.

Lo sé, mucho chau-chau

¿Por qué hacer uso de la programación reactiva?

Porque quieres información en tiempo real y hoy en día hacer un refresh del navegador cada x segundos no es viable, ya que los usuario pueden sentir que la aplicación es arcaica si cada x segundos se está recargando. Piensa en Google Maps o en Twitter si hicieran eso.

Di adios al Callback Hell

Los cimientos de la programación reactiva son:

• Los observables. Son la pieza fundamental.

  Son la fuente de información y pueden emitir varios valores, pueden emitir errores, pueden ser infinitos y finitos (complete) y pueden ser asíncronos y síncronos.

    interface Observable {
      subscribe(observer: Observer): Subscription
    }
    interface Observer {
      next(v: any): void;
      error(e: Error): void;
      complete(): void;
    }
    interface Subscription {
      unsubscribe(): void;
    }
    

• Los subscribers. Estarán atentos a lo que haga el observable

  Se subscriben a un observable, es decir, están pendientes de lo que realizan.

• Los operators. Se usan para transformar, filtrar, combinar y crear los observables.

Describir el ejemplo de Youtube de BettaTech

¿Cómo usar RxJS?

Operadores

Tap

El tap va a recibir lo que responda la petición y va a regresar siempre un observable

Map

Lo que hace es mutar la información del observable padre.

Hasta luego 🖖