React Developer Tools is a great instrument available to test specific React elements. In this video, Emmanuel Henri shows you where to get more information on the tool, how to install it, and what comes with this amazing extension.
- [Instructor] One of the first tools … I go to when developing React components … is the React Developer Tool. … It's an extension available for Chrome, Firefox, … and also as a standalone download. … So when we were looking at the developer tool, … you should've seen something that says … Components and Profiler on my end but not on your end … if you don't have the tool installed. … So let's go ahead and take a look … at where you can install it. … So you can install the Chrome extension by going … to the Chrome Web Store and then look … for React Developer Tool. … Once you find that, you can actually add it to your Chrome. … As you can see, I already have it installed … on my Chrome version. … You can also find it for Firefox. … Same thing, React Developer Tools. And then add it. … And finally, if you don't use any of those browsers, … you can install the react-devtools standalone … and go to NPM and install this one here. … Once you have it install, you're going to have the Components …
- Setting up for React testing and debugging
- Testing with Jest
- Snapshot testing
- Debugging with Chrome and Chrome extensions
- Optimizing React code with ESLINT
- Type checking