Cory Rylan

My name is , Google Developer Expert, Speaker, Software Developer. Building Design Systems and Web Components.

Follow @coryrylan

Introduction to RxJS Observables and Angular

Cory Rylan

- less than a minute


This article has been updated to the latest version Angular 17 and tested with Angular 16. 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   
Twitter Facebook LinkedIn Email

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

Related Posts


Using RxJS in Lit Web Components

Learn how to leverage RxJS in Lit based Web Components for reactive data streams.

Read Article

Angular HTTP Pending Request Pattern

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

Read Article

RxJS Observables versus Subjects

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

Read Article