From the course: React for Web Designers

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Installing React Developer Tools

Installing React Developer Tools - React.js Tutorial

From the course: React for Web Designers

Start my 1-month free trial Buy for my team

Installing React Developer Tools

“

- [Teacher] React has a browser extension for Chrome and Firefox that makes debugging and learning about React a little bit easier. In this video, we're going to install those extensions and see how they work. So here is the mobile Twitter site, specifically my timeline, and we're going to install the Chrome extension and take a look at what React is doing on this page. So I'm going to open up the menu and go to extensions under more tools. Here are the extensions that are installed right now. Click get more extensions. Let's search for React Developer Tools. Add this to Chrome. Add extension, and there we go. We have this little icon up here. Currently grayed out. Close all this down, and refresh this page. You can see it lights up, which shows me that React is being used on this page. If I click it, it tells me that I'm using the production build. If I were using a developer build, it would light up in a different color. So let's open up the developer tools. You can use command +…

Contents