Reactive Angular Course (with RxJs) (Udemy.com)

Build Angular 11 Applications in Reactive style with plain RxJs - Patterns, Anti-Patterns, Lightweight State Management

Created by: Angular University

Produced in 2022

icon
What you will learn

  • 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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 0 / 100

icon
Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a other course? Or looking for more detail on Angular University's Reactive Angular Course (with RxJs)? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

icon
Course Description

This Course in a NutshellThis 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 OverviewWe 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 ContentsThis course covers the following topics:
Review of an application written in imperative styleRefactoring into stateless reactive style, understanding the benefitsSmart vs Presentational ComponentsStateless Observable ServicesThe shareReplay OperatorStateless UI updates (without state management)Introduction to RxJs Subjects and BehaviorSubjectDecoupled component communication using shared observable servicesUsing Observables to have components interact at different levels of the component treeError Handling and error messages in reactive styleLoading Indicators in reactive styleImproving user experience with lightweight RxJs storesOptimistic UI updatesManaging User Authentication state with plain RxJsLocal vs Global ServicesMaster Detail with cached master table in reactive styleThe Single Data Observable Pattern: Avoiding nested ng-component tagsRefactoring a reactive application to OnPush change detectionConclusion and key takeawaysWhat 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.
Who this course is for:
Web developers looking to learn how to build Angular Applications in Reactive StyleAngular Developers looking to learn lightweight state management techniques (using RxJs only)

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

icon
Instructor Details

Angular University

About the Angular University:
The Angular University aims to be the one place that yougo in order to learn and keep up with the whole Angularecosystem. 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.
About the course instructor:
Hello, my name is Vasco and I'm aSoftware Developer with 17 years of experience,veryseasonedbuilding userinterfaces with Angular. I've workedas a FrontendDeveloper/Architect in a largevariety of enterpriseprojects throughout the years.
I worked on a ton of projects, everything fromsingle page applications tohelp build theEuropean Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internalframework teams that built frameworks for in-house departments of tens of developers.
I also loveto teach, write and talk about technology. I am looking forward to be your Angular instructor,
Kind Regards,
Vasco

icon
Reviews

0.0

0 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Kvin Appourchaux on 11/14/2020

Very detailed course and very well built. Very pedagogue instructor. Perfect mastery of the subject. I recommend the course

By Azamat Sarsenbayev on 10/22/2020

The course is good, and shows some best practices, which will be useful fore newcomers.
In the part about optimistic films, they did not consider the case of request failure.

Good to learn the basics of RxJs. Sometimes the instructor is a bit repetitive in the way he talks. Overall a nice course!

By Gaurav Saini on 6/16/2020

learned a lot of new reactive patterns... the level of detail author goes into is amazing

Curso muito bom do ponto de vista da utilizao das abordagens reativas. Somente no dei 5 estrelas porque senti que faltou um pouco mais de explorao da api do rxjs, como a utilizao de forkJoins por exemplo.

By Laurence Mitchell on 5/12/2020

As usual, all courses taken from Angular University were of brilliant contents, well structured and ideas were transitioned to be understood very effectively. This course was no different to those other courses, that's why I keep coming back to Angular University to learn more about the Angular framework ecosystem.

Good explanation of course setup. Excellent teaching of rxJS subject. I've learned so much, e.g Master-Detail pattern & Single Data pattern. Thank you, Vasco. You are a very talented teacher. Please keep on teaching us.

By Nicholas Fallon on 10/2/2020

Good. It was what I needed to improve my professional skills as a junior software developer in my current work environment that involves heavy RxJS. It was a little dry and could have had more interactivity, but I learned a lot and don't know how this topic could have been made much more exciting anyway, honestly. Far and away the best of any RxJS course I've tried.

By Gina Villarreal on 9/18/2020

It has been really easy to follow the course. Everything is explained clearly, I've really enjoyed it so far. Don't be afraid to just rewind a couple of times to really understand the concepts and to press pause a lot!

By Diego Herrera on 4/12/2020

Awesome update using Angular9. This is a great course to start thinking in a reactive manner, following reactive patterns.

By John Buchmann on 4/18/2020

This is a great course, and covers more advanced subjects and techniques that other regular Angular courses ignore. Even after using Angular now for nearly 3 years I learned a LOT of new things to add to my toolbox.
Many concepts are difficult to understand (IMO) but Vasco does a great job explaining what the section is about, the problem with the 'normal' way of doing it, and explains the benefits of the pure Reactive RxJs way of doing it. Often he will show in code the traditional (pre-Reactive) version, and then convert it over to Reactive RxJs. Everything is explained fully, and I even appreciate how he starts each video with a summary of where he left off from the previous video, and what needs to be done next. Then at the end of each video often will summarize what was done in the video to help solidify the concepts.
He is also careful to have the proper zoom level so you can see all the relevant code in one screen (if possible).
Vasco also will answer any question in the comments within a couple days, which is much appreciated.
My only complaint (and this goes for all his courses) is the "look/feel" of his IDE. Everyone else has switched to a dark editor "theme". Vasco on the other hand insists on the old-school white screen IDE. Oh well... this is just a small complaint compared to the excellent content of the course.

By Matt W on 8/25/2020

This is a good practical introduction to using observables with Angular. The lessons are very focused on the subject matter being taught and Vasco has a talent for explaining the concepts in a clear and understandable way. I recommend this course to anyone who wants to learn this reactive Angular.