Redux DevTools:
Chrome.google.com/webstore/de…
Once installed, there will be a Redux panel in Chrome Developer Tools:
And in the extension toolbar in the upper right corner of Chrome, the Redux DevTools icon will light up.
Ngrx-related state and action can be easily viewed in the redux panel:
You can filter by entering keywords, for example to view actions related to Currency loading:
Action contains type and payload:
Copy this type and search for keywords in the corresponding source code: [site-context] Load Currencies Success
When loading Product Data, the loading flag in state is true:
After loading, Loading changed from True to false, and success changed from false to true:
The state bar allows you to see the state of the application when the current action is triggered.
More of Jerry’s original articles can be found in “Wang Zixi” :