React-devtools: Documentation for "Trace React Updates"

[CodyReichert]

Is there any place to read about what information "Trace React Updates" is giving me? Sometimes traces are different colors (blue, green, red) and I'd like to know what those mean but could find anything out there.

Related threads:

327

297

[stipsan]

This is the code that decides what color to show you:
https://github.com/facebook/react-devtools/blob/68a71d3d9e5bf982ced63a960437a53f789be64c/plugins/BananaSlug/BananaSlugWebNodePresenter.js#L95
and this is where data.hits get incremented:
https://github.com/facebook/react-devtools/blob/68a71d3d9e5bf982ced63a960437a53f789be64c/plugins/BananaSlug/BananaSlugAbstractNodePresenter.js#L61

The shorter the time is between each time an update happens the hotter the color.

[CodyReichert]

Thanks, @stipsan - I'll check that out! Any chance of a documentation PR getting merged for this (from me or anyone else)? If so, what would be the best place to add it?

[stipsan]

I'm going to submit a PR about a related issue, see: #337
It was suggested to add it to the readme FAQ.

[bratberg]

What the colors actually looks like:

[bvaughn]

React DevTools has been rewritten and recently launched a new version 4 UI. The source code for this rewrite was done in a separate repository and now lives in the main React repo (github.com/facebook/react).

Because version 4 was a total rewrite, and all issues in this repository are related to the old version 3 of the extension, I am closing all issues in this repository. If you can still reproduce this issue, or believe this feature request is still relevant, please open a new issue in the React repo: https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools