Immerx DevTools

Immerx debugging tools in Chrome developer console.

Immerx DevTools - Chrome Extension

Immerx DevTools is a Chrome DevTools extension for the ImmerX state management library. It provides tools to visualize state updates, patches, current state, and diffs.

Download

Extension stats

By: Ionut Achim

Users: 24

-1

Version: 0.2.0 (Last updated: 2020-06-08)

Creation date: 2020-06-08

Risk impact: High risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Permissions:

tabs
http://*/*
https://*/*

Size: 83.95K

Email: io*****@codecodak.io

Ranking

# 104,146 ▼ 1,481

Other rankings

#10517 in Developer Tools ▼ 128 #149 in state keyword 80 ▲ 1 #182 in developer tools keyword 46 ▲ 7

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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:

"Update List" - A filterable, vertical scrolling list of all the state updates.
"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.
"State" - Display the state value resulted from the selected update, or the current value if no update is selected.
"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