add a plugin to trace react updates

[hedgerwang]

Add a plugin (codename: bananaslug) to highlight react updates in page.
See https://github.com/hedgerwang/react-devtools/tree/banana_slug/demo for demo and details.

[jimfb]

This is a very cool feature, we should figure out how to get it merged.

@spicyj, since you know the devtools best, can you take a look?

[hedgerwang]

cc @sebmarkbage @jordwalke

[sophiebits]

Do you think you could take a look at this @jaredly?

[jaredly]

sure thing

[kassens]

@hedgerwang If you have flow installed on your computer you should be able to just run flow in the main directory. Otherwise node_modules/.bin/flow should do the trick. (flow also runs on Travis, so it should be all good)

[hedgerwang]

@jaredly : flow check was added. please have another look. thanks.

[hedgerwang]

ping :)

[jaredly]

_toggle?

[jaredly]

This is so awsome!
could you remove the demo directory, and add firefox support? then I think it'll be ready to go

[hedgerwang]

@jaredly

I've removed the demo directory and added the firefox support.
Please have another look :)

[jaredly]

looks like it needs a rebase, and then it's great!
@jimfb after the rebase, we should be all set

[jimfb]

Ok, great, thanks @jaredly!

[hedgerwang]

@jimfb, @jaredly : I've done the rebase work. Let's ship it!

[hedgerwang]

happy new year!
any chance that we could land this?

[sebmarkbage]

Did you test it with React Native so the UI doesn't break there? In other news, does the devtools work in React Native again? Anyway. I'll merge and then we'll see what happens.

[sophiebits]

In other news, does the devtools work in React Native again?

No. :( #229

[hedgerwang]

@sebmarkbage : there is no implementation in RN so this feature is disabled in RN.

[hedgerwang]

Thanks everyone who helped to review this.

One more question:
Is there anything that I should do to land the new extension to web store?

Thanks.

[huang47]

this is awesome, just can't wait! :D

[gaearon]

Every time I read the source I forget what "banana slug" means.
😞

[sophiebits]

@gaearon Feel free to rename. :) RerenderIndicator

[hedgerwang]

@gaearon : Banaslug is a lovely creature that moves slowly and leaves visible trace on the ground.