The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Debugging components with the React Developer Tools extension

Debugging components with the React Developer Tools extension

3:39
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.
Watch this lesson now
Avatar
egghead.io

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.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?