Today I discovered -- in the spirit of the fantastic React Dev Tools -- there exists an equally if not more useful Redux Dev Tools.
A few of the things you get:
- An inspectable timeline of every action dispatched by the store
- A state diff for each action. e.g. How each action changed the state object
- A full state inspector
- A test generator
Wow. Just, wow.
☝️ Be sure to check out Sharesecret, which makes it easy to securely share sensitive data.
Top comments (2)
Even better you can "save" the current state so that upon refresh your app is back to the state you saved before! Depending on how your hot reload is setup you might not need this, but at times I found it very very useful.
Despite some of the criticism Redux gets, the dev tools are extremely helpful and helped me countless times in debugging any app I worked on with ease.
It just makes it very easy to track the source of the problem, and which action is causing issues.
I am sensing those bullet points will be your next blog topics? 😉