Introduction to Reactive Programming

"Reactive"

You've probably been hearing this word recently. Reactive Programming has you curious, and you want to dig in and start learning what it is all about.

What's the most difficult aspect of Reactive Programming? Thinking Reactive!

In this series, we will discover what it means to think Reactive through RxJS. We will exercise our minds, and let go of our old imperative and stateful habits of programing.

If you are brand new to reactive programming, watch this series first.

Watch User Created Playlist (10)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Understand Reactive Programming using RxJS

Use an event stream of double clicks in RxJS

P

Reactive Programming - Why choose RxJS?

P

Use RxJS Async Requests and Responses

P

Render on the DOM with RxJS

P

Send new requests from refresh clicks in RxJS

P

Clear data while loading with RxJS startWith

P

Share Network Requests with RxJS merge

P

Use cached network data with RxJS

P

An overview of RxJS reactive concepts

P
rxjs tutorial about Understand Reactive Programming using RxJS

Understand Reactive Programming using RxJS

4:31 rxjs

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

rxjs tutorial about Use an event stream of double clicks in RxJS

Use an event stream of double clicks in RxJS

4:36 rxjs PRO

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.

rxjs tutorial about Reactive Programming - Why choose RxJS?

Reactive Programming - Why choose RxJS?

4:05 rxjs PRO

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.

rxjs tutorial about Use RxJS Async Requests and Responses

Use RxJS Async Requests and Responses

7:14 rxjs PRO

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.

rxjs tutorial about Render on the DOM with RxJS

Render on the DOM with RxJS

5:22 rxjs PRO

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

rxjs tutorial about Send new requests from refresh clicks in RxJS

Send new requests from refresh clicks in RxJS

5:07 rxjs PRO

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.

rxjs tutorial about Clear data while loading with RxJS startWith

Clear data while loading with RxJS startWith

6:28 rxjs PRO

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.

rxjs tutorial about Share Network Requests with RxJS merge

Share Network Requests with RxJS merge

3:34 rxjs PRO

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

rxjs tutorial about Use cached network data with RxJS

Use cached network data with RxJS

7:44 rxjs PRO

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.

rxjs tutorial about An overview of RxJS reactive concepts

An overview of RxJS reactive concepts

2:14 rxjs PRO

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.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?