Modern Event Handling: A Peek at the New Observable API
summary
Browsers are getting a native Observable primitive that replaces nested addEventListener usage with a composable stream handle: an Observable API that adds an on method to EventTarget to return synchronous, lazy, multicast event streams. Operators like filter, map, flatMap, take transform streams, simplify the Konami-code example, and automatically teardown producers (via take or AbortController wiring). There’s an experimental Chrome implementation behind a flag so examples run locally, and the spec leans on TC39 iterator helpers and input from rxjs maintainers.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:35Meet the speaker
- 2:38Async on the web
- 8:15What is an observable
- 12:26Observable under the hood
- 18:02Observable operators
- 23:01Resource disposal
- 25:27Call to action
