ReactJS: How can I monitor the re-rendering process? -

is there way can keep track of react components being re-rendered?

for example, i'm making api call, , upon reply, change state of parent components, child components being re-rendered (am right in one?).

how can monitor parent component initiates re-render process , children rendered result (and how many times every component being re-rendered)?

i'm aware can inject kind of console.log pattern in every component , monitor browser console, looking more sophisticated solution.

you start logging new state or properties in componentwillupdate() life cycle method, called before each render (except first one).

https://facebook.github.io/react/docs/react-component.html#componentwillupdate