Debugging components with the React Developer Tools extension
The React Developer Tools are an extension that can be added to Chrome and Firefox to help with debugging React applications. In this lesson, we walk through how to use these developer tools to view, edit, and debug your React components, including: the
React browser tab, inspecting components in parallel with the
Elements tab, using React components in the console, searching by component name, and debugging component state and props.