mobx-react-devtools icon indicating copy to clipboard operation
mobx-react-devtools copied to clipboard

[Feature] Props inspection / proposal

Open AoDev opened this issue 8 years ago • 3 comments

Hi, I don't know what's the status of this project. Is there some roadmap / future?

I don't fully understand the intention / ambition of this tool so in the meantime I've been "playing" around to get to display the props from the components.

Here is a video of how it looks like for now: Screencast on youtube Quite useful for a quick inspection instead of looking for it in the chrome inspector tabs.

I could make a proper PR after discussing this a bit if you are interested. I was not sure about the "tree / graph" feature so I just created a new thing.

AoDev avatar Jan 11 '17 23:01 AoDev

@AoDev, nice work! Though you've got kind of react-devtools-light, I'm not sure this fits mobx-react-devtools purpose as I understand it: inspecting mobx-related part, not react itself.

andykog avatar Jan 11 '17 23:01 andykog

Right now I only check if a function is a mobx action for example. But it's just a starting point to get feedback. I did it because I find it convenient and saw in the readme that the only thing left is "Visualize observer tree values"

AoDev avatar Jan 12 '17 09:01 AoDev

@AoDev, I think «Visualize observer tree values» means showing values of the observables listed in the dependency tree, not react components props.

andykog avatar Jan 23 '17 00:01 andykog