React Quantum
p/react-quantum
A live heat map of your React app's performance.
Alyson Swerdloff

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

1

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.

Add a comment

Replies
Best
Malika Butler

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.