Files
react/fixtures/fiber-debugger
Jan Kassens 6b30832666 Upgrade prettier (#26081)
The old version of prettier we were using didn't support the Flow syntax
to access properties in a type using `SomeType['prop']`. This updates
`prettier` and `rollup-plugin-prettier` to the latest versions.

I added the prettier config `arrowParens: "avoid"` to reduce the diff
size as the default has changed in Prettier 2.0. The largest amount of
changes comes from function expressions now having a space. This doesn't
have an option to preserve the old behavior, so we have to update this.
2023-01-31 08:25:05 -05:00
..
2017-04-03 20:32:02 +01:00
2023-01-31 08:25:05 -05:00
2017-04-03 20:32:02 +01:00
2017-04-03 20:32:02 +01:00
2017-04-03 20:32:02 +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