README.md 2.41 KB
Newer Older
micha's avatar
micha committed
1
2
<!-- Course Image -->
![](./assets/images/Reactive-architecture-and-ux-patterns_angular_michael-hladky.png)
micha's avatar
micha committed
3

micha's avatar
micha committed
4
5
<!-- Course Title -->
# Reactive Architecture and UX Patterns
micha's avatar
micha committed
6

micha's avatar
micha committed
7
8
<!-- Course Tagline -->
#### Getting the tools and understanding to craft fully reactive angular applications!
micha's avatar
micha committed
9

micha's avatar
micha committed
10
<!-- Course Description -->
micha's avatar
micha committed
11

micha's avatar
micha committed
12
13
<!-- Course Description Intro Images -->
![](./assets/images/Reactive-architecture-and-ux-patterns_secondary_angular_michael-hladky.png)
micha's avatar
micha committed
14

micha's avatar
micha committed
15
16
<!-- Course Description Text -->
## Overview
micha's avatar
micha committed
17

micha's avatar
micha committed
18
Welcome to my course! My name is Michael and I will lead you through this course.
micha's avatar
micha committed
19

micha's avatar
micha committed
20
21
The title of this course is reactive architecture and UX patterns.
As those are pretty broad terms let be elaborate a bit on the scope and target audience.
micha's avatar
micha committed
22
23


micha's avatar
micha committed
24
### Level of this Course
micha's avatar
micha committed
25
26


micha's avatar
micha committed
27
28
29
First the level. For this course, you definitely need some fundamental knowledge about RxJS,
 and you should use it regularly in your Angular projects.
General terms like subscription handling, multi-casting, or hot/cold Observables should at least ring a little bell.
micha's avatar
micha committed
30

micha's avatar
micha committed
31
32
If this is not the case no big deal. As this, in an online course, you can consume it as fast or slow as you like.
It's all about fun and explores new things, so the most important to enjoy! :)
micha's avatar
micha committed
33

micha's avatar
micha committed
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67


### Content and Learning Goals

![](./assets/images/Reactive-architecture-and-ux-patterns_overview_angular_michael-hladky.png)

This course starts with the fundamentals of the different operator groups we will use,
and points out some interesting details.

With that in mind, we will start to work on our first patterns.

Exercises we will master are:
- Deriving state and combination operators
  - Overview of combination the operators
  - HTTP fetching and with `forkJoin`
  - Avoid over-fetching by introducing state into our Http service  
  - Continuously deriving state with `combineLatest` 
  - Reduce computations and understand data normalization
  - Opt-In Updates and `withLatestFrom`
- Reactive State-Management
  - State aggregation
  - State selection
  - Architecture Patterns
- Higher-Order Observables
  - Overview of the different flattening strategies (merge, concat, exhaust, switch)
  - Usage in the user Interface
  - Usage in business logic or data layer interaction like effects/epic of REDUX
- Error-Handling
  - In-depth understanding of error handling
  - How to encapsulate error-prone code
  - Comparison of the different retry & repeat mechanisms


Let’s jump right in and start with the first section.