react/fixtures/fiber-debugger
Sebastian Markbåge c8d4eeda5f
Rename `yarn start` to `yarn dev` and `yarn start:prod` to `yarn start` (#26209)
The `start` convention is a CRA convention but nobody else of the modern
frameworks / tools use this convention for a file watcher and dev mode.
Instead the common convention is `dev`. Instead `start` is for running a
production build that's already been built.

---------

Co-authored-by: Sebastian Silbermann <silbermann.sebastian@gmail.com>
2023-02-21 14:18:21 -05:00
..
public Remove examples/ folder (#9323) 2017-04-03 20:32:02 +01:00
src Upgrade prettier (#26081) 2023-01-31 08:25:05 -05: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 Rename `yarn start` to `yarn dev` and `yarn start:prod` to `yarn start` (#26209) 2023-02-21 14:18:21 -05:00
yarn.lock Bump css-what from 2.1.0 to 2.1.3 in /fixtures/fiber-debugger (#25430) 2022-10-05 12:53:32 -04: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