All activity

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.

React Quantum
A live heat map of your React app's performance.