Learning RxJS (2018)

57mIntermediate2018-01-12

Authors

Bonnie Jean Brennan

Angular Architect, Founder of ngHouston Angular Meetup

Course details

The RxJS JavaScript library is designed for reactive programming using observables. With observables, you "watch" the data stream, passively listening for an event. Applications can detect changes instantly—in real time—without unnecessary network calls. This course helps explain exactly what an observable is, and shows how to use RxJS to create and subscribe to observables and leverage subjects—a specialized type of observable—for fine-grained control. Instructor Bonnie Brennan also shows how to filter, sort, and modify data with operators. Then, see how it all comes together in an interface that allows users to input search terms and get instant results from an online source like Reddit.

Note: The demonstrations use RxJS with Angular. However, users of other JavaScript frameworks such as React or Vue will also benefit from the lessons in this course.

Learning objectives
Creating observables with rx.observable.create
Subjects, including behavior and replay subjects
RxJS operators
Creating an observable from a UI element

Skills covered

AngularJavaScript FrameworksFront-End Web DevelopmentLearningWeb DevelopmentOpen Source

Concepts

0. Introduction

01 - Welcome
02 - What you should know
03 - Using the exercise files

1. Asynchronous and Reactive Programming

04 - Evolution of asynchronous programming
05 - The observer pattern
06 - Explore the ReactiveX website
07 - Database observables

2. Let s Write Some Code

08 - Set up an Angular project
09 - Create an observable
10 - Subject
11 - Behavior subject
12 - Replay subject

3. Operators

13 - take
14 - map
15 - filter
16 - mergeMap
17 - switchMap

4. User Interface

18 - Observable from a button
19 - Observable from input with debounce()
20 - Wrap an API

Conclusion

21 - Next steps