ImmerX DevTools is a Chrome DevTools extension for the open-source JS state management library - ImmerX.
It helps developers visualise ImmerX state changes in the Chrome Developer Tools. It creates a new panel called "Immerx DevTools" that contains 4 main components:
1. "Update List" - A filterable, vertical scrolling list of all the state updates.
2. "Patches" - Where you can see all the immer patches that were applied during the selected state update. Each patch containing information about he operation type, the path and the diff.
3. "State" - Display the state value resulted from the selected update, or the current value if no update is selected.
4. "Diff" - Shows a diff between the state values before and after the selected update.
See an interactive demo of the inlined version here:
https://monojack.github.io/immerx-todomvc
You can learn more about ImmerX here:
https://github.com/monojack/immerx
Code for this extension is open-sourced at:
https://github.com/monojack/immerx-devtools
Extore is a team of professionals who are passionate about creating extensions for web browsers. This devotion also gives us opportunity to appreciate work of other people. We get inspired by useful, open source extensions made by developers all over the world. Our strong belief is that one should share helpful add-ons with others. That’s why we’d like to present you our ever-growing list of favourite extensions that have inspired us. Moreover, as you probably have already learned, sometimes struggling for the best brings an end to the good. Talking about add-ons it often turns out that an upgrade is worse then previous version. Also it can become really tricky to get back to the beloved version of your favourite extension. That’s why we’re going to make not only the latest, but all versions of our favourite (and we hope yours too) add-ons available for download. No more compromises, just stick to the version you really like!