Codecademy Logo

React Development Tools

Print Cheatsheet

React Dev Tools

React Developer Tools is a browser extension that helps debug React Apps by allowing developers to view components and view/edit component properties and state.

Components and Profiler

React Dev Tools creates two new tabs in Chrome Dev Tools: Components, and Profiler.

Components tab

The Components tab from React Dev Tools gives developers the ability to update a React components state and props.

Debugger

With the debugger attached and running, developers can inspect state, as well as keep track of function calls with the call stack.