Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Basics (retired) First Steps in React React Developer Tools

Eric Phy
Eric Phy
1,938 Points
Posted by Eric Phy
Eric Phy
1,938 Points

Concerned about full access?

If so, download Chrome Canary (dev version of chrome), and install the extension there. This way, no worries about giving an extension full access to web content on a browser that you use for regular browsing.

Chrome Canary is just Chrome a few builds ahead, and will be treated as an entirely different browser from standard Chrome (different shortcut, default settings, etc).

2 Answers

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. React Developer Tools

See also React Developer Tools for Mozilla Firefox.

Google Chrome Canary has the newest of the new Chrome features. Be forewarned: it's designed for developers and early adopters, and can sometimes break down completely. Google Chrome Canary

Nathan Palmer
Nathan Palmer
458 Points
Nathan Palmer
Nathan Palmer
458 Points

If you are worried about giving it full access AND concerned about the the stability of using Google Chrome Canary, you can create a new profile in Chrome that is only used for development. Then you can install the extension to that profile.