State management

[majirosstefan]

Lib:

https://ngrx.io/

• Actions
• Store
• Reducer
• ?Selectors

Store example

{
 todoLists: [ { name: "", items: []}, { name: "", items: [{name: "item1", value: "item1value" }]} ]
 auth: { isAuthorized: true},
 newItem: {}
 }

                                                               rootObject

todoLists                                    auth                                                     newItem

name, items                              isAuthorized                                            {}

[majirosstefan]

for demonstration, add checkbox next to the global searchbar . If checked, search only local store, if not, fire request to mockAPI / backend.

[majirosstefan]

example for fetching BACKEND:

dispatch action: fetchingStarted from component then, get data = dispatch setData(data) if error => dispatch setError(error)