Observables Resources

First Published: November 03, 2015
Last Updated: August 07, 2020

That image comes from this deck by Rob Wormald.

At the end of September, I watched Rob Wormald give a talk on observables and RxJS entitled, "Everything is a Stream." This talk, along with some advice Rob's given me on an Angular Slack channel, sent me down a rabbit hole of learning about observables, reactive programming, and RxJS. I thought I'd share some of the resources I've found on the subject so you can do less scouring the internet and more learning.

The TL;DR on observables is basically that events can be thought of as streams that can be captured in arrays (mouse-clicks, for example), and those streams of events can then be modified in real time using array functions like filter, map, and reduce. This pairs especially nicely with ES6 due to the addition of iterables, lambda syntax for anonymous functions (that's .NET-speak for "fat arrows"), and a few new array functions. And, unlike promises, observables can be cancelled.

This matters as an Angular developer because in Angular 2, Http (the equivalent of $http in ng1) will return an observable, not a promise. Here are a few resources I've found to be helpful in understanding these concepts:

Enjoy!

Practical, actionable ways to improve each week.

Join 1430+ other devs and dev advocates on the Developer Microskills newsletter. Each week, I send out a practical, actionable way to grow in your career. No BS, no hand-waving, but with some fun thrown in for good measure. Sign up and I'll send you the Tiny Experiments framework and worksheet. It's a simple process to help you finish what you start.

Sam Julien © 2015 - Present