react/fixtures/fiber-debugger
Rodrigo Pombo fc3fb4bd72 Fiber debugger enhancements (#10393)
* Add effect tag

* Add graph settings (direction and trackActive)

* Support multiple effect tags
2017-08-08 11:31:48 +01:00
..
public Remove examples/ folder (#9323) 2017-04-03 20:32:02 +01:00
src Fiber debugger enhancements (#10393) 2017-08-08 11:31:48 +01:00
.env Remove examples/ folder (#9323) 2017-04-03 20:32:02 +01:00
.gitignore Remove examples/ folder (#9323) 2017-04-03 20:32:02 +01:00
README.md Remove examples/ folder (#9323) 2017-04-03 20:32:02 +01:00
package.json Fix to work fiber-debugger (#10000) 2017-06-19 21:30:00 +01:00
yarn.lock Fix to work fiber-debugger (#10000) 2017-06-19 21:30:00 +01:00

README.md

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