HomeCoursesReactive Programming with RxJS

5.0

Intermediate

63h 5min

Updated 2 months ago

Reactive Programming with RxJS

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

Join 2.7 million developers at

Overview

Content

Reviews

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-time earthquake visualizer and the reactive spaceship game. By the end, you will have a new skill that you can utilize to build reactive programs as well as a few new projects to add to your portfolio.

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

Content

89 Lessons9 Quizzes

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

Build a Weather App Using Angular and RxJS

Project

Premium

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!

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

The Pragmatic Programmers

Developed by MAANG Engineers

Every Educative lesson is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 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."

Software Developer

Carlos Matias La Borde

"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

Hands-on Learning Powered by AI

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

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

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.

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