React Developer Tools – New Tab Extension For Chrome

The React Developer Tools extension for Chrome allows you to view the component tree of the selected element in the browser.

By inspecting the code for a React component, you can make changes and see the results in the browser immediately.

You can add multiple elements to the tree, so you can inspect the component hierarchy for each of them separately.

After you have finished editing a component, you can use the breadcrumbs to navigate through the component’s parent components.

The React Developer Tools for Chrome is also a profiler that allows you to record performance information for a selected element and later view the recorded performance.