| 1 | # Fiber Debugger |
| 2 | |
| 3 | This is a debugger handy for visualizing how [Fiber](https://github.com/facebook/react/issues/6170) works internally. |
| 4 | |
| 5 | **It is only meant to be used by React contributors, and not by React users.** |
| 6 | |
| 7 | It is likely that it might get broken at some point. If it's broken, ping [Dan](https://twitter.com/dan_abramov). |
| 8 | |
| 9 | ### Running |
| 10 | |
| 11 | First, `npm run build` in React root repo folder. |
| 12 | |
| 13 | Then `npm install` and `npm start` in this folder. |
| 14 | |
| 15 | Open `http://localhost:3000` in Chrome. |
| 16 | |
| 17 | ### Features |
| 18 | |
| 19 | * Edit code that uses `ReactNoop` renderer |
| 20 | * Visualize how relationships between fibers change over time |
| 21 | * Current tree is displayed in green |
| 22 | |
| 23 |  |
| 24 | |
| 25 |