Imperative & Reactive Component State-Management
npm install @rx-angular/state
Edouard Bozon
Freelance developer
Open-source contributor
Toolset for handling
fully reactive Angular applications
📦 @rx-angular/state 📦 @rx-angular/template 📦 @rx-angular/cdk
Main Focus on
Runtime Performance
⚡️
What's Component State?
Synonyms:
Ephemeral, Local, UI State...
Layer of state
Server state
Client state
Local state
Global state
Not shared between sibling components
Global state:
Local state:
- REST API's HTTP, HTTP2
- Web Sockets
- Browser URL
- Browser Plugins
- Global Static Data
- Window object
- Data from @Input bindings
- UI Events
- Component level Side-Effects
- Parsing global state to local
Usage
Inheritance
Composition
Service Composition
