We want to hear from you!Take our 2021 Community Survey!
This site is no longer updated.Go to react.dev

New React Devtools Beta

August 03, 2015 by Jared Forsyth tarafından

This blog site has been archived. Go to react.dev/blog to see the recent posts.

We’ve made an entirely new version of the devtools, and we want you to try it out!

The full devtools gif

Why entirely new?

Perhaps the biggest reason was to create a defined API for dealing with internals, so that other tools could benefit as well and not have to depend on implementation details. This gives us more freedom to refactor things internally without worrying about breaking tooling.

The current version of the devtools is a fork of Blink’s “Elements” pane, and is imperative, mutation-driven, and tightly integrated with Chrome-specific APIs. The new devtools are much less coupled to Chrome, and easier to reason about thanks to React.

What are the benefits?

  • 100% React
  • Firefox compatible
  • React Native compatible
  • more extensible & hackable

Are there any new features?

Yeah!

The Tree View