Angular State Management

State Management
User
Carlos
885
enabled
User User
Carlos
Carlos
885
885
enabled
enabled

user-list.component user-detail.component
Angular State Management

Entity Entity Entity

Name Name Name
Number Number Number
Enabled Enabled Enabled

only.component parent.component cp.service

child1.component child2.component cp1.component cp2.component

Reactive Programming and RXJS

Entity Entity[t1] Entity[t2] Entity[t3]

Name Name Name Name
Number Number Number Number
Enabled Enabled Enabled Enabled

Change Name Change[t2]

Change Name Change[t2] Entity[t2]

cp.service Name Changed??? cp.service

cp1.component cp2.component cp1.component cp2.component

RXJS Basics

Subject

Observable

Operators

Marble Diagram

Observer/Subscription Observer/Subscription Observer/Subscription

Cold vs Hot Observables

Subject

Observable Observable Observable Observable

Operators Operators Operators Operators

Observer Observer Observer Observer Observer Observer

Completion and Unsubscription

Observable

Operators

Observer Observer Observer

RXJS Main Operations
RXJS Main Operations
RXJS Main Operations
RXJS Error Handling