MobX Devtools Pro

The official MobX Devtools enhanced version.

This repository is home for:

• MobX Developer Tools Pro for Chrome

MobX Devtools Pro vs MobX Devtool

Features	MobX Devtools Pro	MobX Devtool
Track action	✅	✅
Computed view	✅	❌
State view	✅	❌
Diff view	✅	❌
Inspect mobx-react(mobx-react-lite) observers	✅	✅
MST support	❌	✅

And MobX Devtools Pro has a better user experience.

Usage

1. Install @mobx-devtools/tools package

npm i @mobx-devtools/tools

2. Inject app's stores for Diff and State features

import { StoreA, StoreB } from './stores';
import { injectStores } from '@mobx-devtools/tools';

const storeA = new StoreA();
const storeB = new StoreB();

injectStores({
  storeA,
  storeB,
});

export const App = () => {
  // ...
};

3. Start your mobx debug tour!

Screenshot

Action

Diff

State