Reactive Programming with RxJS

Takeaway Skills

Patterns used in RxJS

RxJS Observables and Operators

Concurrent programs and pipelining

RxJS Subject class

Real-time projects using Reactive Programming techniques

Patterns used in RxJS

RxJS Observables and Operators

Concurrent programs and pipelining

RxJS Subject class

Real-time projects using Reactive Programming techniques

Course Overview

In this course, you will learn about reactive programming techniques and use them to create real-world applications. Throughout this course, you will learn important concepts of RxJS programming such as observables, operators, concurrent programming, and how to build a complete web app... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Getting Started

Introduction to the Course

Main Objectives

2. Introduction to Reactive Programming with RxJS

Why Do We Need to Learn Reactive Programming?

Current Mechanisms for Handling Asynchronous Operations

RxJS in Node.js

3. Understanding the Reactiveness

Introduction to Reactiveness

Querying the Sequence

Observer Pattern

Iterator Pattern

Rx Pattern and Observable

Quiz Yourself on Reactiveness

4. Understanding the Observables

Creating Observables and Operators

Making Ajax Calls With an Observable

Handling the Operators

Creating Observables From Javascript Data Types

Concluding Observables

Quiz Yourself on Observables

5. Understanding Sequencing and its Operators

Introduction to Sequencing and its Operators

Visualizing Observables

Map and Filter Operators of Sequencing

Reduce, Aggregate and Flatmap Operators of Sequencing

Explicit and Implicit Sequence Cancellation

Observables That Wrap External APIs

Sequence onError Handler

Catching Errors With the Catch Operator

Retrying the Sequences

Quiz Yourself on Sequences

6. Make a Real-time Earthquake Visualizer

Preparing Our Environment for the Earthquake Visualizer

Increasing the Reactiveness Using Operators

The RxJS-DOM Method

Interval Operator and Distinct Operator

Operator Rundown

Quiz Yourself on the RxJS Method

7. Building Concurrent Programs Through Pipelines

Introduction to Concurrent Programs

Avoiding External State Using Observable Pipelines

Efficiency Through Pipelines

Quiz Yourself on Pipelines

8. RxJS Subject Class

Introduction to the RxJS Subject Class

AsyncSubject of RxJS

BehaviorSubject of RxJS

ReplaySubject of RxJS

Quiz Yourself on RxJS Subject Class

9. Building a Reactive Spaceship to Keep the Application Pure

Introduction to Keeping Application Pure Through Spaceship Game

Creating the Starfield of the Spaceship Game Using Range Operator

Adding the Player’s Spaceship in the Game Using Observables

Generating Enemies in the Game Using Observables

Controlling the Receiving Data Through Operators and Observables

Implementing Shooting Through Operators and Observables

Enemy Shots Using Operators and Observables

Managing Collisions Using Operators and Observables

Keeping Score Using BehaviorSubject

Concluding Operators

10. Building a Complete Web Application Using RxJS

Introduction to RxJS Tools For Web Application

Building a Real-time Earthquake Dashboard

Adding a List of Earthquakes Using Observables

Hot and Cold Observables

Interval Observable in Hot and Cold

Sharing a Cold Observable

Adding Interaction Using Observables

Increasing Efficiency by Attaching DOM to the Parent Element

Quiz Yourself on Observables and Operators

11. Getting Real Time Updates from Twitter using Node.js

Introduction to Node.js Environment

Client Server Communication in Node.js

Retrieving and Sending Tweets in Node.js

Showing Tweets on the Dashboard in Node.js

Concluding Node.js

12. Schedulers

Introduction to Schedulers in Rx Programming

General Use of Schedulers in RxJS

ObserveOn and SubscribeOn Operators

Immediate Schedulers of Rx

Default Schedulers of Rx

Current Thread Schedulers of Rx

Scheduling for Animations in Rx

The Test Schedulers in Rx

Writing a Real-world Test

Quiz Yourself on Schedulers

13. React Web Applications With Cycle.js and using Model View Intent

Introduction to Cycle.js

Installing Cycle.js

Basic Understanding of Cycle.js

The 'h' Function of Virtual Hyperscript

Using JSX to Write UI

Implementing the Search Term in Cycle.js

Revising the Main Function Using the JSONP Driver

Introducing Model View Intent and its Components

Reusing the Widgets of Model View Intent

Search Box Widget of Model View Intent

Wrapping Up Model View Intent

Quiz Yourself on Model View Intent and Cycle.js

14. Closing Remarks

Congratulations!