Setting up React Developer Tools on your computer
37,545 ViewsOct 08, 2021
Codecademy team member Ben walks us through how to set up the React Developer Tools Chrome extension so you can get started with debugging your #React applications.
With React Developer Tools, you can modify rendered React components — allowing you to experiment with changing component values, calling methods, testing interactions between components, and so much more.
The simple breakdown:
- - Open Chrome and install the extension
- - Generate React app using create-react-app
- - Open React Developer Tools and code
In this video, we’ll be using the command line to work with NPM and the Create React node module. Familiarity with these tools is recommended.
Ready to learn more? Check out some of our courses below:
- Learn React: https://j.mp/305Ofkq
- Create a Front-End app with React: https://j.mp/3oHXaTq
- Create an Advanced Web App with React and Redux: https://j.mp/3DqQU6J
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/30aD9uB
Check out our full course catalog: https://j.mp/3BlYJtL
More videos
Learn more on Codecademy
- Course
Learn Git & GitHub
Use our beginner friendly Git course to integrate Git and GitHub and manage versions of your projects using Git branches.With CertificateBeginner Friendly4 hours - Course
Learn the Command Line
Learn about the command line, starting with navigating and manipulating the file system, and ending with redirection and configuring the environment.With CertificateBeginner Friendly4 hours - Career path
Computer Science
Looking for an introduction to the theory behind programming? Master Python while learning data structures, algorithms, and more!Includes 6 CoursesWith Professional CertificationBeginner Friendly75 hours