HomeCoursesReactive Programming with Angular and RxJS 7
4.8

Intermediate

22h

Reactive Programming with Angular and RxJS 7

Gain insights into reactive programming with RxJS 7, explore data streams, error handling, and multicasting to build a recipe app, and learn to test and optimize reactive applications.

Overview
Content
Reviews
Related
The reactive programming paradigm is designed to make working with asynchronous events and data streams convenient. This course teaches you about the reactive programming paradigm and when to choose it over others. You’ll learn to use new RxJS 7 features to create a recipe book web application that lets users browse and share recipes. In this context, you’ll learn about data streams, error handling, and how to combine streams and transform one data stream into another. You’ll develop an understanding of multicasting and caching streams, how to share data between components, perform bulk operations such as file uploads, and perform real-time updates. Finally, you’ll learn how to test a reactive application. To assess your knowledge, there’s a project, coding challenges, and assessments. After this course, you’ll be able to determine the utility of the reactive paradigm for any application and have mastery over new RxJS 7 features to create robust reactive applications.
The reactive programming paradigm is designed to make working with asynchronous events and data streams convenient. This cours...Show More

WHAT YOU'LL LEARN

Working knowledge of the reactive programming paradigm
The ability to develop applications that work with asynchronous events and data streams
Familiarity with the use of RxJS 7 features for reactive programming
The ability to pick the right RxJS operators to combine multiple streams
Working knowledge of the reactive programming paradigm

Show more

Learning Roadmap

75 Lessons12 Quizzes2 Assessments

2.

The Power of the Reactive Paradigm

The Power of the Reactive Paradigm

Look at the fundamentals of reactive programming in Angular with a focus on RxJS.

3.

RxJS 7—The Major Features

RxJS 7—The Major Features

6 Lessons

6 Lessons

Examine key enhancements in RxJS 7, focusing on performance, type safety, and API consistency.

4.

A Walk-Through of the Application

A Walk-Through of the Application

3 Lessons

3 Lessons

Apply your skills to navigate and implement a recipe-sharing app with Angular and RESTful Node.js.

5.

Fetching Data as Streams

Fetching Data as Streams

7 Lessons

7 Lessons

Explore reactive data management patterns in Angular using RxJS for efficiency and clarity.

6.

Error Handling

Error Handling

6 Lessons

6 Lessons

Implement effective RxJS error handling with strategies like catchError, delayWhen, retry, and retryWhen.

7.

Combining Streams

Combining Streams

5 Lessons

5 Lessons

Master the steps to filter data using RxJS patterns, optimizing reactive flows in Angular.

8.

Transforming Streams

Transforming Streams

8 Lessons

8 Lessons

Step through transforming streams, implementing autosave features, and creating effective filtering options.

9.

Multicasting Essentials

Multicasting Essentials

4 Lessons

4 Lessons

Grasp the fundamentals of multicasting in RxJS, including hot/cold observables and Subjects.

10.

Caching Streams

Caching Streams

8 Lessons

8 Lessons

Break apart caching strategies in web apps to enhance performance and minimize network requests.

11.

Sharing Data between Components

Sharing Data between Components

4 Lessons

4 Lessons

Grasp the fundamentals of sharing data in Angular using reactive patterns and services.

12.

Bulk Operations

Bulk Operations

5 Lessons

5 Lessons

Map out the steps for implementing reactive bulk operations and progress tracking with RxJS.

13.

Processing Real-Time Updates

Processing Real-Time Updates

6 Lessons

6 Lessons

See how it works to implement real-time updates using WebSocket communication in Angular.

14.

Testing RxJS Observables

Testing RxJS Observables

5 Lessons

5 Lessons

Build on methods for testing RxJS observables, including subscribe/assert, marble-testing, and HTTP streams.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Author NameReactive Programming with Angularand RxJS 7

Course Author:

Developed by MAANG Engineers
Every Educative lesson is designed by a 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.9 million developers working at companies

Hands-on Learning Powered by AI

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

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