Immerx DevTools Chrome Extension

immerx debugging tools in Chrome developer console..
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

How to install Immerx DevTools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Immerx DevTools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Immerx DevTools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Immerx DevTools in Chrome Webstore Search and click on the search button.
• Step 3: click on the Immerx DevTools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Immerx DevTools extension for your Chrome Web browser .