Ability to use devtools in React Native or other hybrid / desktop apps

[tlvenn]

Hi,

Similarly to https://github.com/zalmoxisus/remote-redux-devtools, it would be awesome if the devtools could be used in other context than the browser such as React Native (my use case) or other hybrid / desktop apps.

[mmazzarolo]

While waiting for it remember that you can can easily use mobx.spy to intercept and log actions (and all the other stuff too) since 2.2.0.
For example this might be better then nothing I guess 🍂

[tlvenn]

Good point, thanks for the gist @mmazzarolo !

[mweststrate]

Any body interested in building one? I think this is the core of the thing: https://github.com/mobxjs/mobx-react-devtools/blob/master/src/changeLogger.js. Not sure whether all debug utilities in the mobx-react package are already exposed on native, but that can be fixed easily :)

[corymsmith]

@mweststrate Been thinking about this myself a bunch, any tips on digging into this?

[mweststrate]

@corymsmith basically you only need the spy api from mobx, and the trackComponents and renderReporter from the mobx-react package. You can directly reuse the logger functionality from mobx-react-devtools I think

[mocheng]

I am not sure the timing feature is bound to MobX. It would be great to have this as a standalone React DevTools so that even Redux project can use it.

[mweststrate]

@mocheng I think I saw a similar but general project in the past, it was published by Netflix I think. The current implementation doesn't use the internal react performance api, but keeps its own administratino.

[mweststrate]

i'm no RN expert, but this might also work for RN? https://github.com/zalmoxisus/mobx-remotedev/

[plusmancn]

+1

[olieidel]

@mweststrate, I can confirm that mobx-remotedev works with React Native via react-native-debugger. Just decorate the stores with @remotedev, turn Remote Debugging on in the App and you're good to go. The updates appear in the Redux Devtools section of the debugger.