Home>Courses>Reactive Programming with RxJS

Reactive Programming with RxJS

Gain insights into reactive programming with RxJS. Learn about observables, operators, and concurrent programming to create real-world applications like a real-time earthquake visualizer and spaceship game.

Intermediate

89 Lessons

63h 5min

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

55 Playgrounds

9 Quizzes

Course Overview

What You'll Learn

Course Content

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 application. Additionally, you will have the opportunity to build out applications for different real-world scenarios so that you can put what you learn into practice. You will use RxJS operators in scenarios such as the real-ti...Show More

In this course, you will learn about reactive programming techniques and use them to create real-world applications. Throughout ...Show More

What You'll Learn

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

Course Content

Getting Started

2 Lessons

Get familiar with RxJS concepts through practical applications and interactive projects.

Introduction to the Course

Main Objectives

Introduction to Reactive Programming with RxJS

3 Lessons

Look at the essential need for reactive programming with RxJS for modern, dynamic applications.

Why Do We Need to Learn Reactive Programming?

Current Mechanisms for Handling Asynchronous Operations

RxJS in Node.js

Understanding the Reactiveness

6 Lessons

Break apart the complexities of asynchronous code using RxJS for enhanced productivity.

Introduction to Reactiveness

Querying the Sequence

Observer Pattern

Iterator Pattern

Rx Pattern and Observable

Quiz Yourself on Reactiveness

Understanding the Observables

6 Lessons

Grasp the fundamentals of Observables, their creation, operators, and practical applications in RxJS.

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

Understanding Sequencing and its Operators

10 Lessons

Deepen your understanding of RxJS operators and error handling in asynchronous programming.

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

Make a Real-time Earthquake Visualizer

6 Lessons

Focus on creating a real-time earthquake visualizer using RxJS and enhancing reactivity.

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

Building Concurrent Programs Through Pipelines

4 Lessons

Master the steps to building efficient concurrent programs using RxJS Observable pipelines and pure functions.

Introduction to Concurrent Programs

Avoiding External State Using Observable Pipelines

Efficiency Through Pipelines

Quiz Yourself on Pipelines

RxJS Subject Class

5 Lessons

Step through using various RxJS Subjects for efficient data handling and caching.

Introduction to the RxJS Subject Class

AsyncSubject of RxJS

BehaviorSubject of RxJS

ReplaySubject of RxJS

Quiz Yourself on RxJS Subject Class

Building a Reactive Spaceship to Keep the Application Pure

10 Lessons

Unpack the core of maintaining application purity in a reactive game with RxJS observables.

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

9 Lessons

Work your way through developing a real-time web app with RxJS, optimizing performance and user interaction.

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

5 Lessons

Break down the steps to developing a real-time Twitter dashboard using Node.js and RxJS.

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

10 Lessons

Deepen your knowledge of using Schedulers in RxJS for optimized concurrency management and performance.

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

12 Lessons

Focus on Cycle.js basics, setup, JSX integration, search functionality, MVI pattern, and UI components.

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

1 Lessons

Approach advanced RxJS integration for IoT, machine learning, and responsive systems.

Congratulations!

Course Author

The Pragmatic Programmers

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath