IIRF Online > Development > Web Development > Angular > Reactive Angular Course (with RxJs, Angular 18)
Reactive Angular Course (with RxJs, Angular 18) by Udemy
Build Angular 18 Applications in Reactive style with plain RxJs - Patterns, Anti-Patterns, Lightweight State Management
Course Highlights
- 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
Skills you will learn!
Curriculum
3 Topics
Reactive Angular Course - Helicopter View
IMPORTANT: Recommended Software Versions
Setting Up your Development Environment
7 Topics
Reviewing a component written in traditional Imperative Style
Understanding potential problems of a program written in Imperative style
Design Pattern - Stateless Observable-based Services
Consuming Observable-based services using the Angular async Pipe
Avoiding Angular duplicate HTTP requests with the RxJs shareReplay operator
Angular view Layer Patterns - Smart vs Presentational Components
Data Modification Example in Reactive Style (Stateless Application)
15 Topics
Reactive Component Interaction - Section Introduction
Decoupled component communication using a shared Service
Loading Service Reactive API Design
Reactive Component Interaction using Custom Observables and Behavior Subject
Loading Indication Service - Reactive Implementation Finished
Understanding the Angular Component providers property
Error Handling and the Messages Component
Error Handling with the catchError RxJs operator
Messages Service - Implementation Finished and Demo
Local Error Handling in an Angular Material Dialog
Angular State Management - When is it Needed and Why?
Initial Implementation of a Store Service
Step-by-Step Implementation of an Angular Store Service
Store Optimistic Data Modification Operations - API Design
Store Optimistic Data Modifications - Step-By-Step Implementation
4 Topics
Authentication State Management - Section Introduction
Authentication Store - Step-By-Step Implementation
Adapting the UI according to the user Authentication status
Authentication Store - Browser Refresh support with Local Storage
4 Topics
Master-Detail UI Pattern - Section Introduction
Angular Master Detail Implementation - The Master Table
Angular Master Detail Implementation - The Detail Element
Angular Master Detail Implementation - Final Demo
5 Topics
Consolidation Exercise - Implementing the Course Screen in Reactive Style
Course Component Finished - Introduction to the Single Data Observable Pattern
Reactive Angular - The Single Data Observable Pattern
Single Data Observable Pattern - Default Data Values
Refactoring an Angular Reactive Application to OnPush Change Detection
2 Topics
Bonus Lecture (Updated September 2024)
Conclusion & Key Takeaways
Reactive Angular Course (with RxJs, Angular 18)
Related Angular Courses
Thank You!
Your review has been submitted successfully.