Building Reactive Applications with RxJS

Learn about RxJS to write efficient asynchronous code. Explore subjects, operators, and observables. Gain insights into creating projects like a reactive local database and handling DOM events.

Beginner

28 Lessons

Learn about RxJS to write efficient asynchronous code. Explore subjects, operators, and observables. Gain insights into creating projects like a reactive local database and handling DOM events.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

62 Playgrounds

7 Quizzes

This course includes

62 Playgrounds

7 Quizzes

Course Overview

RxJS (Reactive Extensions for JavaScript) is a very powerful library for web development which allows you to easily write asynchronous or call-back code. In this course, you will explore the latest version of RxJS in detail, focusing on how to apply the reactive paradigm to solve your day-to-day tasks. You will learn all the major components of this library including: subjects, operators, and how to test observables. In the last section of this course, you will get hands-on with this library to create you...Show More

Course Content

The Need for Reactive Programming

Get familiar with reactive programming using RxJS for efficient, real-time interactions.

Introduction to the Reactive Paradigm Asynchronous Programming in JavaScript

Data Sources and Observables Synchronous Vs. Asynchronous Data Sources Disposing Observables Quiz: The Basics of Reactive Programming

RxJS Subjects

Grasp the fundamentals of RxJS Subjects, including Behavior, Replay, and Async Subjects.

Overview of Subjects in RxJS Behavior and Replay Subjects Async Subject

RxJS Operators

Break apart the various RxJS operators to master data transformation and application functionality.

Overview of Operators in RxJS

Creational Operators Filtering Operators - Part 1 Filtering Operators - Part 2 Transformation Operators Combination Operators Custom Operators Quiz Yourself on RxJS Operators

Testing Observables

Grasp the fundamentals of testing Observables in RxJS using Marble Tests for precision.

Introduction to Testing in RxJS Naive Testing Approach Marble Tests

Real-World Projects in RxJS

Take a closer look at implementing RxJS in real-world projects like loading indicators, DOM events, local databases, and error handling in SPAs.

Projects Overview

Centralized Loading Indicator DOM Events Reactive Local Database Reactive Error Handling Controlling Data Streams Loading Screen Tips & Tricks

Conclusion

1 Lesson

Investigate reactive programming concepts and RxJS for improved application design.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

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!