AI-powered learning
Save this course
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.
28 Lessons
6h
Updated 1 month ago
Join 3 million developers at
Join 3 million developers at
LEARNING OBJECTIVES
- Apply the reactive paradigm to manage asynchronous events and real-time UI updates with RxJS
- Create Observables from arrays, promises, timers, and DOM events using RxJS creational operators
- Control subscriptions by disposing Observables to prevent memory leaks in single-page applications
- Use Subjects (Behavior, Replay, Async) to multicast streams and manage shared application state
- Transform, filter, and combine streams using core RxJS operators to build data pipelines
- Write unit tests for Observables using Mocha and Marble tests with the TestScheduler
- Build app features with RxJS: centralized loading, DOM event handling, reactive local DB, and errors
Learning Roadmap
1.
The Need for Reactive Programming
The Need for Reactive Programming
Get familiar with reactive programming using RxJS for efficient, real-time interactions.
2.
RxJS Subjects
RxJS Subjects
Grasp the fundamentals of RxJS Subjects, including Behavior, Replay, and Async Subjects.
3.
RxJS Operators
RxJS Operators
8 Lessons
8 Lessons
Break apart the various RxJS operators to master data transformation and application functionality.
4.
Testing Observables
Testing Observables
3 Lessons
3 Lessons
Grasp the fundamentals of testing Observables in RxJS using Marble Tests for precision.
5.
Real-World Projects in RxJS
Real-World Projects in RxJS
7 Lessons
7 Lessons
Take a closer look at implementing RxJS in real-world projects like loading indicators, DOM events, local databases, and error handling in SPAs.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
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 your own project. Throughout this project, you’ll learn about building a centralized loading indicator, how to handle DOM events, how to build a reactive local database, and more.
By the end of this course, you will have a great new skill to add to your resume, and a cool new project for your portfolio.
ABOUT THE AUTHOR
Nasi Jofche
Experienced Software Engineer with a demonstrated history of working in the internet industry.
Trusted by 3 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
