Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

Instructor: Packt - Course Instructors

Access provided by Kalinga Institute of Industrial Technology

13 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

13 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Master core RxJS concepts like Observables, operators, and subjects
Implement reactive patterns using Angular Signals and RxJS
Optimize application performance through efficient stream management

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

13 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

There are 13 modules in this course

This course teaches reactive programming with RxJS and Angular Signals, empowering you to build scalable and efficient applications. Learn to use Observables, subjects, and operators within Angular to improve application performance and developer efficiency. By the end of this course, you will have a comprehensive understanding of reactive patterns in Angular applications.

You'll master core RxJS concepts and gain hands-on experience in implementing reactive patterns with Angular Signals. Through this course, you will also learn performance optimization techniques that make your code more efficient and declarative. The practical, real-world approach helps you adopt reactive programming with minimal friction. What sets this course apart is its approach to teaching reactive patterns. You will be shown both imperative and reactive approaches, ensuring a smooth transition from one to the other while building a real-world application progressively. The course is ideal for developers familiar with Angular, RxJS, and TypeScript who wish to elevate their skills in reactive programming. Basic experience with Angular is required, but no prior knowledge of reactive programming is necessary.

In this section, we explore reactive programming fundamentals, including marble diagrams and RxJS in Angular, emphasizing practical implementation and efficient data handling.

What's included

2 videos2 readings1 assignment

In this section, we examine app interfaces, architecture, and components to build a scalable and maintainable application with reusable and efficient design principles.

What's included

1 video1 reading1 assignment

In this section, we explore reactive data fetching patterns, efficient subscription management, and Angular 17 control flows to enhance UI performance and application maintainability.

What's included

1 video6 readings1 assignment

1 video Total 1 minute

Fetching Data as Streams - Overview Video 1 minute

6 readings Total 140 minutes

Introduction 30 minutes
Creating Angular Standalone Components 20 minutes
Displaying the Data in the Template 20 minutes
Retrieving Data as Streams 20 minutes
Using the Change Detection Strategy of OnPush 20 minutes
Built-in If Statement 30 minutes

1 assignment Total 10 minutes

Reactive Data Handling in Angular 10 minutes

In this section, we explore RxJS error handling strategies, focusing on Observable contracts and practical application in a recipe app to enhance reliability and robustness.

What's included

1 video3 readings1 assignment

In this section, we explore combining streams for structured data handling and filtering techniques in reactive programming.

What's included

1 video3 readings1 assignment

In this section, we cover stream transformation with RxJS, focusing on autosave features and operator usage for real-time updates.

What's included

1 video5 readings1 assignment

In this section, we explore efficient data sharing between Angular components using reactive patterns and Deferrable Views. Key concepts include @Input(), @Output(), and performance optimization techniques.

What's included

1 video2 readings1 assignment

In this section, we explore Angular Signals for reactive data management, focusing on their API and practical applications.

What's included

1 video6 readings1 assignment

1 video Total 1 minute

Mastering Reactivity with Angular Signals - Overview Video 1 minute

6 readings Total 140 minutes

Introduction 20 minutes
Reading Signals 20 minutes
Unlocking the Power of RxJS and Angular Signals 20 minutes
Understanding the Behavior of toObservable 30 minutes
Combining Streams Using Signals 20 minutes
Transforming Streams Using Signals 30 minutes

1 assignment Total 10 minutes

Mastering Reactivity in Angular 10 minutes

In this section, we explore multicasting in RxJS, comparing cold and hot observables, and using subjects to share data efficiently among subscribers.

What's included

1 video2 readings1 assignment

In this section, we explore reactive caching techniques using RxJS operators to optimize web performance. Key concepts include shareReplay usage, stream caching, and side effect strategies.

What's included

1 video3 readings1 assignment

In this section, we explore defining bulk operation requirements, implementing reactive patterns for efficiency, and tracking progress in large-scale data processing.

What's included

1 video2 readings1 assignment

In this section, we explore real-time application requirements, implement reactive patterns for message handling, and address reconnection strategies for resilient systems.

What's included

1 video3 readings1 assignment

In this section, we explore testing RxJS Observables using subscribe and assert, marble testing, and HttpClientTestingModule to ensure reliable asynchronous code in real-world applications.