Cory Rylan

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

Follow @coryrylan
RxJS

Introduction to RxJS Observables and Angular

By Cory Rylan

- less than a minute

Updated

Angular APIs may have changed since this article was published. Check the current Angular documentation when using its examples.

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   
Bluesky Facebook LinkedIn Email
 

Related Posts

Angular

Angular Observable Data Services

A tutorial on how to use Observables and how they can improve your Angular data services and managing state in your applications.

Read Article
Angular

Angular Multiple HTTP Requests with RxJS

Learn how to handle multiple http requests with the Angular Http service and the RxJS mergeMap operator.

Read Article
Angular

Angular Async Data Binding with ngIf and ngElse

Learn how to use the ngIf and ngElse statement to bind async data and Observables to our Angular templates easily.

Read Article