RxJS is a library for composing asynchronous and event-based programs by using observable sequences. 


rxjs

***⚠️⚠️⚠️ This course uses an old version of RxJS and loads data using the jQuery library which is no longer fashionable. If you can look past that and understand that the principles André is demonstrating are timeless and useful, this course is a true gem. Otherwise, this is probably not for you! ⚠️⚠️⚠️***

*Reactive*

You've probably been hearing this word recently, and it's referring to the *Reactive Programming* paradigm. One of the biggest challenges people face when learning Reactive Programming is changing their way of thinking, and in this course, you are going to exercise your mind and learn to let go of that imperative and stateful mindset.

You will also learn how can practically apply these Reactive concepts using the RxJS library! 

If you are **brand new** to reactive programming, the course [Asynchronous Programming: The End of The Loop](https://egghead.io/series/mastering-asynchronous-programming-the-end-of-the-loop), will get you up to speed. 📚

This lesson introduces Reactive Programming using RxJS in simple terms, with a concrete example and no scary terminology.  

Understand Reactive Programming using RxJS

See a practical example of reactive programming in JavaScript and the DOM. Learn how to detect double clicks with a few operators in RxJS. We will use `.bufferWhen` to accumulate events into an array to determine if a double click occurred. 

Use an event stream of double clicks in RxJS 

This lesson helps you think in Reactive programming by explaining why it is a beneficial paradigm for programming. See how reactive programming helps you understand the dynamic behavior of a value evolving over time.

Reactive Programming - Why choose RxJS?

In this lesson we start building a small UI widget: suggestions box displaying users to follow in Github. We will learn how to perform network requests to a backend using RxJS Observables.

Use RxJS Async Requests and Responses

Learn how to take data from a network response and display it on the DOM using RxJS reactive event streams.

Render on the DOM with RxJS

In this lesson we learn how to fetch new data whenever the refresh button is clicked. This lessons starts to give us a feeling of how is it to develop reactive applications in RxJS.

Send new requests from refresh clicks in RxJS

Let's fix a small UI glitch that was occurring on startup and whenever the refresh button was clicked. In this lesson we will see how to avoid common bad habits of imperative programming, and how to use reactive programming to keep the complete dynamic behavior of a value specified in one convenient place.

Clear data while loading with RxJS startWith

This lesson teaches how to control whether network requests are cached or are pessimistically re-executed, with the help of the RxJS merge operator. 

Share Network Requests with RxJS merge

In this lesson, we learn how to build the final feature of our user interface: how to use the cached network response to replace a suggested user when the user clicks on the 'x' close button for that user.

Use cached network data with RxJS

This video gives an overview of the concepts of reactive programming we saw during this series, and explains how reactive programming can provide true separation of concerns.

Introduction to Reactive Programming with RxJS 5

André Staltz

Course Content