Operadores: pluck

Clase 25 de 36 • Curso de Programación Reactiva con RxJS

Contenido del curso

Fundamentos de programación reactiva

Introducción a la librería RxJS

Generación de Observables

Transformación con Operadores

Manejo de errores

29
Manejo de errores en RxJS
07:44 min

Peticiones HTTP con RxJS

Recomendaciones y conclusión

Bonus

35
Implementación de PlatziBoard en React
02:03 min

Despedida

36
Próximos pasos con RxJS
01:07 min

Tomar examen

Comentarios

Wilmer David Cedeño Mendoza

student•

Implementacion usando map

import { fromEvent } from "rxjs";
import { map } from "rxjs/operators";

fromEvent(document, "mousemove")
  .pipe(map((event) => event.clientX))
  .subscribe(console.log);

Andrés Villarraga

student•

Alguna idea de por qué se remueve ? me parece interesante su uso para manejar variables de estado de una manera simple.

Marcelo Arias

teacher•

¡Hola Andrés! La razón para usar pluck por un tiempo fue porque podíamos manejar posibles errores al acceder a propiedades profundas de un objeto sólo con este operador.

Si usamos:

map(app => app.name.test)

Y de pronto sabemos que puede ocurrir que la propiedad name no esté definida, corremos el riesgo de provocar un error. En cambio pluck manejaba este escenario de la siguiente forma:

pluck('app', 'name', 'test')

Ahora, gracias a la posibilidad de utilizar Optional Chaining (una solución al problema anterior), no será necesario en las versiones futuras de RxJS utilizar pluck: Con el operador map será suficiente:

// pluck('app', 'name', 'test')
map(app => app?.name?.test) // ✅ En reemplazo

No es necesario utilizar Optional Chaining ?. si esperamos que las propiedades de un objeto estén definidas (o no sean null).

Operadores: pluck

Fundamentos de programación reactiva

¿Por qué deberías aprender programación reactiva con RxJS?

La teoría de la programación reactiva

Introducción a la librería RxJS

Extensiones Reactivas

La idea de la reactividad

Diagrama de canicas

Generación de Observables

Creación de un Observable

Introducción al Proyecto PlatziWordle

Observables: fromEvent

Aplicación de fromEvent en PlatziWordle

Observables: Subject

Aplicación de Subject en PlatziWordle

Observables: from y of

Observables: interval y time

Finalización del Proyecto PlatziWordle

Transformación con Operadores

Introducción al Proyecto PlatziBoard

La idea de un Operador

Operadores: map, reduce y filter

Aplicación de map en PlatziBoard

Operadores de distinción

Operadores de tiempo

Operadores: mergeAll, mergeMap

Aplicación de mergeAll en PlatziBoard

Operadores: takeUntil

Aplicación de TakeUntil en PlatziBoard.