22Powertipp: Redux DevTools

Ein besonderer Vorteil der Redux-Architektur ist das sogenannte Time Travel Debugging. Da stets durch eintreffende Actions ein neuer State im Store erzeugt wird, ist es möglich, die Historie der Ereignisse und Zustände nachzuvollziehen. Die Redux DevTools unterstützen uns dabei mit einer grafischen Oberfläche, über die wir alle Actions und Zustandsänderungen kontrollieren und debuggen können.

Die DevTools installieren

Erweiterung für Google Chrome

Die Redux DevTools sind eine Erweiterung für Google Chrome. Um sie zu verwenden, besuchen wir den Webstore und installieren die Extension im Browser.1

image

Abb. 22–1 Redux DevTools ...

Get Angular, 3rd Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.