Native & RxJS Observables: A Direct Comparison

Native Observables are making their way into the JavaScript ecosystem — and that’s a big deal for anyone working with reactive programming.

This video is a comprehensive, side-by-side comparison between RxJS and Native Observables. I walk through the most common features, showing first how they work in RxJS, then how they’re implemented natively.

Note: Native Observables have just landed in Chrome 135. They are not yet available in other browsers or in Node.js. So this is a look into the future — but one that’s already taking shape.

Whether you’ve never touched Observables or you’ve got a dozen pipe() calls memorized, this comparison will help you get up to speed with what’s coming.

---

If you find this useful, consider subscribing or leaving a comment with your thoughts on Native Observables.

Thanks for watching!

🔗 Resources

Draft Spec: wicg.github.io/observable/
API Proposal: github.com/WICG/observable

Stackblitz: stackblitz.com/github/rainerhahnekamp/native-and-r…

GitHub Repo: github.com/rainerhahnekamp/native-and-rxjs-observa…

📖 Chapters

0:00 Introduction
1:44 1.1: Basics – Listening to Events
5:05 1.2: Basics – Pipe Operators
15:16 1.3: Basics – Completion & Error Handling
28:51 1.4: Basics – Unsubscribing
35:18 1.5: Basics – Promise Integration
40:29 2.1: Advanced – Creating Observables
47:39 2.2: Advanced – Multicasting (`share`)
1:00:58 2.3: Advanced – Tearing Down
1:07:10 2.4: Advanced – Nested/Inner Observables
1:16:28 Summary & Goodb