Udemy - Reactive Angular Course (with RxJs)
- Type:
- Other > Other
- Files:
- 120
- Size:
- 2.92 GiB (3132986059 Bytes)
- Uploaded:
- 2020-12-31 06:42:10 GMT
- By:
- tuts756
- Seeders:
- 2
- Leechers:
- 0
- Comments
- 0
- Info Hash: 5F923CD1A578143045A305C3126AB368372642D6
(Problems with magnets links are fixed by upgrading your torrent client!)
Description
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.
Who this course is 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)
Requirements
Angular (beginner level)
Typescript
Some basics of RxJs
Last Updated 12/2020
| [TutsNode.com] - Reactive Angular Course (with RxJs)/07 Conclusions and Course Summary/041 Conclusion Key Takeaways.mp4 | 289.45 MiB |
| TutsNode.com.txt | 63 B |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/010 Data Modification Example in Reactive Style (Stateless Application).en.srt | 18.44 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/07 Conclusions and Course Summary/041 Conclusion Key Takeaways.en.srt | 18.33 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/01 Introduction/002 Recommended Software Versions.html | 1.56 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/025 Store Optimistic Data Modifications - Step-By-Step Implementation.en.srt | 18.03 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/016 Understanding the Angular Component providers property.en.srt | 17.45 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/019 Messages Service - Implementation Finished and Demo.en.srt | 16.23 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/007 Consuming Observable-based services using the Angular async Pipe.en.srt | 15.55 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/014 Reactive Component Interaction using Custom Observables and Behavior Subject.en.srt | 15.46 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/023 Step-by-Step Implementation of an Angular Store Service.en.srt | 15.05 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/036 Reactive Angular - The Single Data Observable Pattern.en.srt | 14.12 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/020 Local Error Handling in an Angular Material Dialog.en.srt | 13.89 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/009 Angular view Layer Patterns - Smart vs Presentational Components.en.srt | 13.76 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/022 Initial Implementation of a Store Service.en.srt | 11.74 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/029 Authentication Store - Browser Refresh support with Local Storage.en.srt | 11.46 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/006 Design Pattern - Stateless Observable-based Services.en.srt | 11.35 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/004 Reviewing a component written in traditional Imperative Style.en.srt | 11.11 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/028 Adapting the UI according to the user Authentication status.en.srt | 11.07 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/01 Introduction/003 Setting Up your Development Environment.en.srt | 11.01 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/037 Single Data Observable Pattern - Default Data Values.en.srt | 10.93 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/015 Loading Indication Service - Reactive Implementation Finished.en.srt | 10.86 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/008 Avoiding Angular duplicate HTTP requests with the RxJs shareReplay operator.en.srt | 10.8 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/031 Angular Master Detail Implementation - The Master Table.en.srt | 10.75 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/033 Angular Master Detail Implementation - Final Demo.en.srt | 10.48 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/024 Store Optimistic Data Modification Operations - API Design.en.srt | 10.43 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/012 Decoupled component communication using a shared Service.en.srt | 10.34 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/038 Refactoring an Angular Reactive Application to OnPush Change Detection.en.srt | 9.86 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/018 Error Handling with the catchError RxJs operator.en.srt | 9.78 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/01 Introduction/001 Reactive Angular Course - Helicopter View.en.srt | 9.69 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/027 Authentication Store - Step-By-Step Implementation.en.srt | 9.66 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/021 Angular State Management - When is it Needed and Why.en.srt | 9.6 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/034 Consolidation Exercise - Implementing the Course Screen in Reactive Style.en.srt | 9.39 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/013 Loading Service Reactive API Design.en.srt | 8.96 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/026 Authentication State Management - Section Introduction.en.srt | 7.36 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/005 Understanding potential problems of a program written in Imperative style.en.srt | 6.74 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/017 Error Handling and the Messages Component.en.srt | 6.62 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/035 Course Component Finished - Introduction to the Single Data Observable Pattern.en.srt | 6.41 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/011 Reactive Component Interaction - Section Introduction.en.srt | 5.96 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/030 Master-Detail UI Pattern - Section Introduction.en.srt | 5.91 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/032 Angular Master Detail Implementation - The Detail Element.en.srt | 5.87 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/07 Conclusions and Course Summary/040 Bonus Lecture Learn More About The Angular University And My YouTube Channel.html | 5.81 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/07 Conclusions and Course Summary/039 Other Courses.en.srt | 3.19 KiB |
| [TGx]Downloaded from torrentgalaxy.to .txt | 585 B |
| .pad/0 | 125.15 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/01 Introduction/001 Reactive Angular Course - Helicopter View.mp4 | 148.76 MiB |
| .pad/1 | 241.4 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/025 Store Optimistic Data Modifications - Step-By-Step Implementation.mp4 | 129.22 MiB |
| .pad/2 | 801.38 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/016 Understanding the Angular Component providers property.mp4 | 115.68 MiB |
| .pad/3 | 329.46 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/007 Consuming Observable-based services using the Angular async Pipe.mp4 | 113.19 MiB |
| .pad/4 | 826.76 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/010 Data Modification Example in Reactive Style (Stateless Application).mp4 | 106.74 MiB |
| .pad/5 | 266 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/023 Step-by-Step Implementation of an Angular Store Service.mp4 | 103.95 MiB |
| .pad/6 | 54.44 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/014 Reactive Component Interaction using Custom Observables and Behavior Subject.mp4 | 97.81 MiB |
| .pad/7 | 191.47 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/019 Messages Service - Implementation Finished and Demo.mp4 | 96.17 MiB |
| .pad/8 | 851.82 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/009 Angular view Layer Patterns - Smart vs Presentational Components.mp4 | 91.26 MiB |
| .pad/9 | 761.91 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/020 Local Error Handling in an Angular Material Dialog.mp4 | 82.94 MiB |
| .pad/10 | 66.18 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/004 Reviewing a component written in traditional Imperative Style.mp4 | 80.7 MiB |
| .pad/11 | 307.44 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/036 Reactive Angular - The Single Data Observable Pattern.mp4 | 80.01 MiB |
| .pad/12 | 1015.87 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/029 Authentication Store - Browser Refresh support with Local Storage.mp4 | 78.93 MiB |
| .pad/13 | 70.31 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/022 Initial Implementation of a Store Service.mp4 | 72.56 MiB |
| .pad/14 | 447.66 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/015 Loading Indication Service - Reactive Implementation Finished.mp4 | 71.51 MiB |
| .pad/15 | 498.71 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/008 Avoiding Angular duplicate HTTP requests with the RxJs shareReplay operator.mp4 | 71.43 MiB |
| .pad/16 | 580.8 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/006 Design Pattern - Stateless Observable-based Services.mp4 | 70.33 MiB |
| .pad/17 | 686.77 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/012 Decoupled component communication using a shared Service.mp4 | 68.95 MiB |
| .pad/18 | 55.74 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/024 Store Optimistic Data Modification Operations - API Design.mp4 | 67.41 MiB |
| .pad/19 | 607.55 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/027 Authentication Store - Step-By-Step Implementation.mp4 | 64.5 MiB |
| .pad/20 | 511.53 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/018 Error Handling with the catchError RxJs operator.mp4 | 63.49 MiB |
| .pad/21 | 522.91 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/037 Single Data Observable Pattern - Default Data Values.mp4 | 62.18 MiB |
| .pad/22 | 844.08 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/038 Refactoring an Angular Reactive Application to OnPush Change Detection.mp4 | 59.32 MiB |
| .pad/23 | 694.21 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/021 Angular State Management - When is it Needed and Why.mp4 | 58.98 MiB |
| .pad/24 | 24.35 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/034 Consolidation Exercise - Implementing the Course Screen in Reactive Style.mp4 | 58.96 MiB |
| .pad/25 | 37.61 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/028 Adapting the UI according to the user Authentication status.mp4 | 57.17 MiB |
| .pad/26 | 846.21 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/01 Introduction/003 Setting Up your Development Environment.mp4 | 55.57 MiB |
| .pad/27 | 444.16 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/033 Angular Master Detail Implementation - Final Demo.mp4 | 54.33 MiB |
| .pad/28 | 683.36 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/031 Angular Master Detail Implementation - The Master Table.mp4 | 53.74 MiB |
| .pad/29 | 270.29 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/013 Loading Service Reactive API Design.mp4 | 49.48 MiB |
| .pad/30 | 534.46 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/04 Authentication State Management/026 Authentication State Management - Section Introduction.mp4 | 42.65 MiB |
| .pad/31 | 363.04 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/011 Reactive Component Interaction - Section Introduction.mp4 | 42.34 MiB |
| .pad/32 | 673.62 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/02 Stateless Observables Services/005 Understanding potential problems of a program written in Imperative style.mp4 | 41.84 MiB |
| .pad/33 | 166.17 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/06 The Single Data Observable Pattern/035 Course Component Finished - Introduction to the Single Data Observable Pattern.mp4 | 41.13 MiB |
| .pad/34 | 893.45 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/03 Reactive Component Interaction/017 Error Handling and the Messages Component.mp4 | 37.19 MiB |
| .pad/35 | 831.75 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/032 Angular Master Detail Implementation - The Detail Element.mp4 | 32.93 MiB |
| .pad/36 | 70.36 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/07 Conclusions and Course Summary/039 Other Courses.mp4 | 29.36 MiB |
| .pad/37 | 651.25 KiB |
| [TutsNode.com] - Reactive Angular Course (with RxJs)/05 Master-Detail UI Pattern (with built-in State Management)/030 Master-Detail UI Pattern - Section Introduction.mp4 | 27.85 MiB |
