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. ![fiber debugger](https://d17oy1vhnax1f7.cloudfront.net/items/3R2W1H2M3a0h3p1l133r/Screen%20Recording%202016-10-21%20at%2020.41.gif?v=e4323e51)

  24. 

  25.
About Sign Up Leave Feedback Contact