RxJS

Introduction to RxJS Observables and Angular

Cory Rylan

- less than a minute

Updated

This article has been updated to the latest version Angular 12 and tested with Angular 11. The content is likely still applicable for all Angular 2 + versions.

You can find a updated version of this screencast here.

Below is a screencast of an introduction to RxJS Observables and how they integrate into Angular. First we will cover what Observables are and how RxJS helps us. Next we will learn how to use Observable Operators and create a Counter UI widget without Angular. Afterwards we will create a small Angular app to search the YouTube API using Observables.

You can find the source code by clicking the demo button below. Please feel free to leave feedback in the comments below. At the time of this recording Angular was in beta-6 but this still applies to the current version of Angular Afterwards check out my other post on Angular Observable Data Services.

View Demo Code on Github   
 

No spam. Short occasional updates on Web Development articles, videos, and new courses in your inbox.

Related Posts

Angular

Angular HTTP Pending Request Pattern

Learn how to display HTTP request status messages to users using RxJS Observables.

Read Article
RxJS

RxJS Observables versus Subjects

A tutorial on the differences between Observables and various Subjects in RxJS.

Read Article
RxJS

JavaScript Promises Versus RxJS Observables

Learn the differences between JavaScript Promises and RxJS Observables. Learn why Observables provide more functionality than a typical Promise.

Read Article