Reactive JS: Are you ready for the next big paradigm shift?

In this video we build a traditional autocomplete textbox, solving the most common issues that we might face using basic JavaScript.

Next, we re-implement our autocomplete textbox using RxJS, and compare the resulting code with the last sample.

This video overviews, graphically, the three primary concepts of Reactive Extensions.

The core of the reactive paradigm is the observable. This video talks about how we can create our own, using the RxJS library.

Next up we take a look at how to clean up after our observables, as well as transform their values through a custom “operator”.

The RxJS library provides many built in observables that we can use, such as timers, intervals and conversions between array types and observables.

Now we take a look at how we can create observable sequences from other libraries, such as from jQuery events or asynchronous Node APIs.

Subjects are a built-in type in RxJS that allow us to have manual control over observable sequences.

This video goes over the different resources that we can use to help us understanding the RxJS library and its different features.

There are two “kinds” of observables: hot and cold. This video discusses the differences, and how to make a cold observable hot - allowing its single source of data to be shared.

These simple operators allow us to apply side effects to our workflows, as well as filter out items we don’t want, and even force a stream to being with a specified value before the original observable begins producing values.

These operators combine multiple observables into one.

These core operators allow us to transform observables in different ways.

Reduce and Scan are used to take many values and turn them into one.

These operators allow us to combine multiple values into single arrays of values that are emitted into the stream at once.

Now we take a look at operators that are used to grab specific items out of the stream, while ignoring others.

Next up we take a look at combining multiple observables into one, in more powerful ways than simply merging or concatenation.

Catch and Retry allow us to easily recover from potential errors that may be emitted in our streams.

We wrap up our discussion of important operators by summarizing the ones that we’ve went though in this section.

This example shows a non-trivial example of using RxJS to accomplish a simple drag/drop operation using the operators we’ve discussed in this course.

And that’s it guys! I hope you enjoyed the course!