Reactive State for Angular with NgRx
US$ 19.95
The publisher has enabled DRM protection, which means that you need to use the BookFusion iOS, Android or Web app to read this eBook. This eBook cannot be used outside of the BookFusion platform.
Description
Contents
Reviews
Language
English
ISBN
9789389898248
Cover Page
Title Page
Copyright Page
Dedication Page
About the Author
About the Reviewers
Acknowledgement
Preface
Errata
Table of Contents
1. R.O.C.K. Solid Application State
Structure
Objectives
Application State in Angular
The Three Musketeers of Redux
Single source of truth
Redux selectors
Read-only application state
Redux actions
Redux dispatcher
Mutate State using Pure functions
Object.assign
Redux Reducer
Reactive state
Conclusion
Questions
2. Setting up NgRx in Angular
Structure
Objectives
Sample Angular Application: Bookmarker
Prerequisite
Scaffold Angular application using Angular CLI
Angular application shell
Shared Angular Service: Bookmark
Shared Angular Component: Error Dialog
Shared Angular Class: Util
Shared Angular Pipe: Fuzzy
Create bookmark
List bookmarks
Edit bookmark
Filter bookmarks
Default Route
NgRx Debugging: Redux Devtool
Conclusion
Questions
3. NgRx Store
Structure
Objectives
What is NgRx?
@ngrx/schematics
What is the root store?
Creating a root store
ActionReducerMap
metaReducers
Root NgRx Reducer
Creating your first reducer
Connecting your first reducer
Root NgRx Action
Creating your first action
Connecting your first action
Dispatching your first action
Root NgRx Selector
Creating your first selector
Using your first selector
What is the feature store?
Feature NgRx Reducer
Feature NgRx Action
Feature NgRx Selector
Updating Feature Store
Conclusion
Questions
4. NgRx Effects
Structure
Objectives
What are the side effects?
Installing @ngrx/effects package
What is feature NgRx effects?
Creating Feature NgRx Effects
Expressing the intent with dispatching NgRx Effect
Managing outcome with non-dispatching NgRx Effect
What is root NgRx Effect
Conclusion
Questions
5. NgRx Router Store
Structure
Objectives
Installing @ngrx/router-store package
Overriding Default Router State Serializer
Tapping native actions of Router Store
Managing the loading state with native actions
Show/Hide progress bar based on the loading state
Conclusion
Questions
6. NgRx Entity State
Structure
Objectives
What is Entity State?
Normalisation of State
Entity State Interface
Entity Adapter
Installing @ngrx/entity package
Entity State Interface
Entity Adapter
Replacing empty Entity Collection using .setAll
Reading Entity State using Entity Selectors
Using cached Entity State Collection
Adding/Updating Entities
Sorting Entity State Collection
Conclusion
Questions
Loading...