Course Content

  • 7. Error and debugging

Course Content


Open the console to access the React Developer Tools now that you're on a React-based website. Open the console by right-clicking and analysing an element, or by choosing View > Developer > JavaScript console in the toolbar.

Right-clicking your page and selecting inspect is the quickest way to open React Devtools. This view should appear familiar if you've used the developer tools in Chrome or Firefox.

Use npm install react-devtools —save-dev react-devtools to add the react-devtools package to your project, then add "react-devtools": "react-devtools" to the scripts section of your package.json, and then execute npm install react-devtools. To open the DevTools, run react-devtools from your project folder.

React Developer Tools provide a set of debugging tools that can be used to troubleshoot issues in React applications. They also provide performance analysis tools, which can be used to identify performance bottlenecks in the application.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere