Observables: fromEvent

✅ fromEvent es un método que permite crear un Observable que recibe eventos determinados de un elemento del DOM.

Por ejemplo a través de fromEvent podemos interactuar con las coordenadas del cursor a través de toda la pantalla. Esto a través del evento mousemove y el elemento document.

Aquí está el código del profe, pero con tipado en Ts.

import { fromEvent } from "rxjs";

const onKey$ = fromEvent<KeyboardEvent>(document, "keydown"); //Se crea el observable que lanza un evento cuando se
//presione una tecla.

const observatorMouse = { //Se crea el observador que indica como usará la data obtenida.
	next: (event: KeyboardEvent) => {
		console.log("new event: ", event.key);
	},
	complete: () => {
		console.log("There is no more events");
	},
	error: (error: Error) => {
		console.log("Something went wrong: ", error.message);
	}
}

onKey$.subscribe(observatorMouse); //Se subscribe el observador al observable.

en verdad que buenas clases, muy pero muy bn explicado, felicidades...

Observables: fromEvent

Creates an Observable that emits events of a specific type coming from the given event target.

• example fromEvent(target, eventName)

observableAlfa$.subscribe(observador);

//fromEvent to mousemove
const observableMouse$ = fromEvent(document, 'mousemove');
const observadorMouse$ = {
  next: (value) => console.log('Mouse', value),
}
observableMouse$.subscribe(observadorMouse$);

//fromEvent to keydown
const observableKey$ = fromEvent(document, 'keydown');
const observadorKey$ = {
  next: (value) => console.log('Keyboard', value.key),
}
observableKey$.subscribe(observadorKey$);

FormEvent

---

Crea un observable que emite eventos de un determinado elemento.

Vamos al codigo:

import { fromEvent } from 'rxjs';

const onKeyDown$ = fromEvent(document, 'keydown');

En esta sección, se importa la función fromEvent de RxJS. Esta función permite crear un Observable a partir de un evento específico en un elemento del DOM.

Luego, se crea un Observable llamado onKeyDown$ utilizando fromEvent. Este Observable está configurado para escuchar el evento de tecla presionada (keydown) en todo el documento (document).

const observableKeyDown = {
  next: (event) => { console.log(event) },
};

Se define un objeto llamado observableKeyDown que tiene un método next. Este método se ejecutará cada vez que se emita un evento por parte del Observable. En este caso, el método simplemente imprime el evento en la consola

onKeyDown$.subscribe(observableKeyDown);

Finalmente, se suscribe el objeto observableKeyDown al Observable onKeyDown$ utilizando el método subscribe(). Esto significa que cada vez que se presione una tecla en el documento, el método next de observableKeyDown se ejecutará y el evento de tecla se imprimirá en la consola.