React-devtools: What does trace react updates do?

Created on 18 Feb 2016  ·  8Comments  ·  Source: facebook/react-devtools

I am unable to find any documentation on how to use "trace react updates" checkbox in the developer tools under react section

screen shot 2016-02-17 at 3 13 46 pm

OS - Mac 64
Chrome version - 48.0.2564.109 (64-bit)
React developer tool version - 0.14.8

Most helpful comment

@kassens What do all of the colors mean when the elements are flashing? I see blue most of the time and when a ton of updates are happening I see red but what does green mean?

All 8 comments

Did you try it out?

Yes checking/unchecking it doesn't show up any changes, or any activity.

When you enable it will highlight React elements that are updated on the page. This can be helpful to track down performance issues where potentially too many elements update when you're only expecting a few elements to update.

We should add a description somewhere. cc @hedgerwang

Ah got it!. Thank you.

Would it be more helpful to add inline docs to the DevTools or create a documentation site for the DevTools?

@kassens What do all of the colors mean when the elements are flashing? I see blue most of the time and when a ton of updates are happening I see red but what does green mean?

nevermind, got it out of #335 😄

Was this page helpful?
0 / 5 - 0 ratings

Related issues

prasannavl picture prasannavl  ·  3Comments

zhammer picture zhammer  ·  4Comments

xuzhanhh picture xuzhanhh  ·  3Comments

inoyakaigor picture inoyakaigor  ·  4Comments

lettywiterock picture lettywiterock  ·  3Comments