Setting up React Developer Tools on your computer
42,976 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
- Use our beginner friendly Git course to integrate Git and GitHub and manage versions of your projects using Git branches.
- With Certificate
- Beginner Friendly.4 hours
- Learn about the command line, starting with navigating and manipulating the file system, and ending with redirection and configuring the environment.
- With Certificate
- Beginner Friendly.4 hours
- Looking for an introduction to the theory behind programming? Master Python while learning data structures, algorithms, and more!
- Includes 6 Courses
- With Professional Certification
- Beginner Friendly.75 hours
