https://github.com/mobxjs/mobx-devtools

Mobx Devtools (React, Chrome Extension) - Looking for maintainers! https://github.com/mobxjs/mobx-devtools/issues/55
https://github.com/mobxjs/mobx-devtools

Last synced: about 2 months ago
JSON representation

Mobx Devtools (React, Chrome Extension) - Looking for maintainers! https://github.com/mobxjs/mobx-devtools/issues/55

• Host: GitHub
• URL: https://github.com/mobxjs/mobx-devtools
• Owner: mobxjs
• License: mit
• Created: 2017-09-19T10:20:35.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-11-22T02:33:55.000Z (almost 2 years ago)
• Last Synced: 2024-07-23T12:58:10.460Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 2.25 MB
• Stars: 485
• Watchers: 11
• Forks: 30
• Open Issues: 34
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - mobx-devtools - Mobx Devtools (React, Chrome Extension) - Looking for maintainers! https://github.com/mobxjs/mobx-devtools/issues/55 (JavaScript)

README

        
# mobx-devtools

[![Build Status](https://travis-ci.org/mobxjs/mobx-devtools.svg?branch=master)](https://travis-ci.org/mobxjs/mobx-devtools)

This repository is home for:

* [MobX Developer Tools for **Chrome**](https://chrome.google.com/webstore/detail/mobx-developer-tools/pfgnfdagidkfgccljigdamigbcnndkod)

* [MobX Developer Tools for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/mobx-devtools/)

* [Standalone app](#standalone-app) for Safari, IE etc. 

![MobX DevTools](preview.gif)

#### Features

* Track changes in MobX observables

* MST support (see below).

#### mobx-state-tree

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

```js

import makeInspectable from 'mobx-devtools-mst';

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

makeInspectable(myStore);

```

![MobX DevTools MST](preview-mst.png)

#### Standalone app

Install:

```sh

npm install --global mobx-devtools

```

Start: 

```sh

mobx-devtools

```

# Troubleshooting

### It doesn't work

Make sure that you are using [mobx](https://www.npmjs.com/package/mobx) 3.1.15 or higher and your app does not live inside an iframe. If that doesn't help, please [create an issue](https://github.com/mobxjs/mobx-devtools/issues/new) with detail about your environment.

### Performance & Components tabs [DEPRECATED].

Prefer use React Devtools extension for components tree and performance [discuss](https://github.com/mobxjs/mobx-devtools/issues/56#issuecomment-541896923)

# Hacking

Check the [HACKING.md](HACKING.md).