A Chrome extension that parses through your React app to create a color-coded tree model of its component hierarchy. Each tree node displays two key performance metrics—render time and re-render frequency—as well as state and props to indicate what, exactly, initiated the render. Nodes will change color depending on the component's performance.
Definitely recommend!
Pros:I've been frustrated with the React Dev tools performance panel, this is a great alternative.
Cons:It's a bit buggy, but the git repo is pretty responsive though and it seems like the team is working hard on creating bug fixes.