Files
react/examples/fiber/debugger
Dan Abramov 225325eada Add Fiber Debugger (#8033)
* Build react-noop as a package

This lets us consume it from the debugger.

* Add instrumentation to Fiber

* Check in Fiber Debugger
2016-10-25 08:36:37 +01:00
..
2016-10-25 08:36:37 +01:00
2016-10-25 08:36:37 +01:00
2016-10-25 08:36:37 +01:00
2016-10-25 08:36:37 +01:00
2016-10-25 08:36:37 +01:00
2016-10-25 08:36:37 +01:00

Fiber Debugger

This is a debugger handy for visualizing how Fiber works internally.

It is only meant to be used by React contributors, and not by React users.

It is likely that it might get broken at some point. If it's broken, ping Dan.

Running

First, npm run build in React root repo folder.

Then npm install and npm start in this folder.

Open http://localhost:3000 in Chrome.

Features

  • Edit code that uses ReactNoop renderer
  • Visualize how relationships between fibers change over time
  • Current tree is displayed in green

fiber debugger