From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

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

Browser developer tools

Browser developer tools

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

Browser developer tools

“

Hi and welcome back. In this video, we are going to discuss browser development tools. React browser development tools is a Chrome extension which you have to install in your browser. This extension gives us the tool we need to debug our React application. We can inspect the component trees and see whether our created components are properly rendering on the screen or not. We can view the props or states in the react component and we can also see the profiling of the component which tells us about the performance, the number of re-renders that are occurring on the screen. As of right now, you haven't created any component yet. Also, you are not aware of the terms props and state properly. You'll get the idea once we are going to develop everything in detail. For now, you just have to install this extension in your Chrome browser. Next we are going to see that how we can install this extension and what this extension has us for offer. We'll see how we can install react developer tools…

Contents