mobx-devtools-advanced

This repository is home for:

• MobX Developer Tools (Advanced) for Chrome (not yet released)
• MobX Developer Tools (Advanced) for Firefox (not yet released)
• Standalone app for Safari, IE etc.

Early development

This fork is in early development, so some of this readme content may be incorrect. XD

At the moment, follow this page to install locally: Hacking

Base features of mobx-devtools

• Inspect mobx-react observers. Edit values in observable objects. (Doesn't support editing react props/state, use react-devtools for that)
• Track changes in MobX observables
• MST support (see below).

New features in advanced version

TODO

mobx-state-tree

To allow inspecting MST root, do npm install mobx-devtools-mst-advanced and pass it to the function, exported as the default:

import makeInspectable from 'mobx-devtools-mst-advanced';

const myStore = MyStore.create(/* ... */);

makeInspectable(myStore);

Standalone app

Install:

npm install --global mobx-devtools-advanced

Start:

mobx-devtools-advanced

Troubleshooting

It doesn't work

Make sure that you are using mobx 3.1.15 or higher and your app does not live inside an iframe. If that doesn't help, please create an issue with detail about your environment.

Performance & Components tabs do not appear.

They appear only when you are using mobx-react 4.2.2 or higher;

Documentation

• Hacking: How to make local changes.
• TreeTraversal: Documentation on how to traverse the tree of React components.