Implementacion usando map
import { fromEvent } from "rxjs";
import { map } from "rxjs/operators";
fromEvent(document, "mousemove")
.pipe(map((event) => event.clientX))
.subscribe(console.log);
Implementacion usando map
import { fromEvent } from "rxjs";
import { map } from "rxjs/operators";
fromEvent(document, "mousemove")
.pipe(map((event) => event.clientX))
.subscribe(console.log);
Alguna idea de por qué se remueve ? me parece interesante su uso para manejar variables de estado de una manera simple.
2026 y seguimos con la versión 7 de RxJS
Wilmer David Cedeño Mendoza
Andrés Villarraga
Marcelo Arias
ProfesorDaniel Alejandro Contreras Suárez
Implementacion usando map
import { fromEvent } from "rxjs"; import { map } from "rxjs/operators"; fromEvent(document, "mousemove") .pipe(map((event) => event.clientX)) .subscribe(console.log);
Alguna idea de por qué se remueve ? me parece interesante su uso para manejar variables de estado de una manera simple.
¡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).
2026 y seguimos con la versión 7 de RxJS