Classbaze

Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Reactive Angular Course (with RxJs)

Build Angular 14 Applications in Reactive style with plain RxJs - Patterns, Anti-Patterns, Lightweight State Management
4.6
4.6/5
(3,336 reviews)
16,658 students
Created by

9.7

Classbaze Grade®

9.8

Freshness

9.4

Popularity

9.3

Material

Build Angular 10 Applications in Reactive style with plain RxJs - Patterns
Platform: Udemy
Video: 5h 32m
Language: English
Next start: On Demand

Best RxJs classes:

Classbaze Rating

Classbaze Grade®

9.7 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness

9.8 / 10
This course was last updated on 2/2022.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Popularity

9.4 / 10
We analyzed factors such as the rating (4.6/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Material

9.3 / 10
Video Score: 8.4 / 10
The course includes 5h 32m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
The average video length is 3 hours 29 minutes of 10 RxJs courses on Udemy.
Detail Score: 9.9 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 9.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

2 articles.
0 resource.
0 exercise.
0 test.

In this page

About the course

This Course in a Nutshell
This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach you how to comfortably design and develop applications in Angular in Reactive style using just plain RxJs, and nothing more.
This course comes with a running Github repository with the the finished code, as well as starting points for different sections of the course in case that you want to code along, which we recommend as its the best way to learn.
This course answers the common question: how far can we go in Angular while using only plain RxJs and nothing more, without introducing any state management library?
It turns out that the simple set of techniques taught in this course are very well suited for a wide range of applications, especially in-house built enterprise applications.
In this course, you will learn exactly how to use RxJs to design and develop both the service and the view layers of your application, and you will understand both the advantages and the pitfalls of the reactive approach.
Particularly when it comes to state management, it turns out that we can already go very far by leveraging only plain Angular and RxJs techniques, without using an additional state management library like for example NgRx.
These simplified state management techniques are adequate and sufficient for a large range of applications,  and we believe that you should consider them first before thinking of adopting a full-blown state management solution.
How far can you go with these techniques? That’s what you will find out in this course.
Course Overview
We are going to start our course by taking a small Angular application that is written in imperative style, and we are going to talk about some of the problems of that approach. Then, we are going to refactor the application and explain step-by-step how to implement it in reactive style instead.
We will explain in detail every RxJs operator that we come across in this course, the first time that we need each operator.
We are going to start with a fully stateless solution first, but later we are going to improve the user experience by applying some simple RxJs-only state management techniques. We are going to use these patterns in order to handle some of the data of the application, as well as the user authentication profile.
The key element needed to implement lightweight state management is RxJs behavior subjects so we will cover those in detail in the course. We will also provide step-by-step reactive style solutions for common UI functionality like loading indicators or error messages.
Table of Contents
This course covers the following topics:
•Review of an application written in imperative style
•Refactoring into stateless reactive style, understanding the benefits
•Smart vs Presentational Components
•Stateless Observable Services
•The shareReplay Operator
•Stateless UI updates (without state management)
•Introduction to RxJs Subjects and BehaviorSubject
•Decoupled component communication using shared observable services
•Using Observables to have components interact at different levels of the component tree
•Error Handling and error messages in reactive style
•Loading Indicators in reactive style
•Improving user experience with lightweight RxJs stores
•Optimistic UI updates
•Managing User Authentication state with plain RxJs
•Local vs Global Services
•Master Detail with cached master table in reactive style
•The Single Data Observable Pattern: Avoiding nested ng-component tags
•Refactoring a reactive application to OnPush change detection
•Conclusion and key takeaways
What Will You Learn In this Course?
At the end of the course, you will feel comfortable designing and developing Angular applications in reactive style, by leveraging plain RxJs-only techniques. You will know how to apply simplified reactive state management techniques to different common use cases, and you will understand the advantages and the limitations of this approach.
You will be familiar with a series of commonly needed reactive design patterns, and you will also be familiar with a series of common pitfalls to avoid.

What can you learn from this course?

✓ Code in Github repository with downloadable ZIP files per section
✓ Learn Lightweight State Management techniques (RxJs only)
✓ Understand the Core Principles of Reactive Programming in general
✓ Know how to build Applications in Angular in Reactive Style using RxJs
✓ Learn a Catalog of RxJs Application Design Patterns and Anti-Patterns

What you need to start the course?

• Angular (beginner level)
• Typescript
• Some basics of RxJs

Who is this course is made for?

• Web developers looking to learn how to build Angular Applications in Reactive Style
• Angular Developers looking to learn lightweight state management techniques (using RxJs only)

Are there coupons or discounts for Reactive Angular Course (with RxJs) ? What is the current price?

The course costs $14.99. And currently there is a 82% discount on the original price of the course, which was $84.99. So you save $70 if you enroll the course now.
The average price is $15.3 of 10 RxJs courses. So this course is 2% cheaper than the average RxJs course on Udemy.

Will I be refunded if I'm not satisfied with the Reactive Angular Course (with RxJs) course?

YES, Reactive Angular Course (with RxJs) has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any financial aid for this course?

Currently we could not find a scholarship for the Reactive Angular Course (with RxJs) course, but there is a $70 discount from the original price ($84.99). So the current price is just $14.99.

Who will teach this course? Can I trust Angular University?

Angular University has created 17 courses that got 25,794 reviews which are generally positive. Angular University has taught 144,622 students and received a 4.6 average review out of 25,794 reviews. Depending on the information available, we think that Angular University is an instructor that you can trust.
Best Selling Angular Courses | 100k+ students | 16 courses
Hello, I’m Vasco Cavalheiro and I’m an online instructor at the Angular University.
Over the years I have helped over 100k developers to learn the Angular framework and its surrounding ecosystem of technologies.
Check out my Linkedin in the links section on the top right.
About the Angular University:
The Angular University aims to be the one place that you go in order to learn and keep up with the whole Angular ecosystem. We provide premium quality video tutorials, screencast style.
No matter if you are a beginner, intermediate or advanced in Angular, we have several courses for you.
More about me:
I’m a Software Developer with many years of experience, very seasoned building user interfaces with Angular. I’ve worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   
I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I’ve been a key part of internal framework teams that built frameworks for in-house departments of tens of developers.
I also love to teach, write and talk about technology.  I am looking forward to be your Angular instructor,
Kind Regards,
Vasco
Browse all courses by on Classbaze.

9.7

Classbaze Grade®

9.8

Freshness

9.4

Popularity

9.3

Material

Platform: Udemy
Video: 5h 32m
Language: English
Next start: On Demand

Classbaze recommendations for you