Immerx DevTools

SUMMARY

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

The latest version of Immerx DevTools is available on the Chrome web and is currently being used by 26 active users. The initial version was launched on 2020-06-08.

HOW TO INSTALL Immerx DevTools FROM A CRX FILE

1. Download Immerx DevTools CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)