Skip to content

Latest commit

 

History

History
17 lines (13 loc) · 806 Bytes

quickly-search-for-a-component-with-react-devtools.md

File metadata and controls

17 lines (13 loc) · 806 Bytes

Quickly Search For A Component With React DevTools

As the size of your React app grows, it can become challenging to track down specific components within the React DevTools extension. You opened it up with the hopes of quickly inspecting the props being received by a component, but find yourself navigating through the DOM structure instead.

The React DevTools extension provides a search bar that can be used to quickly filter out most components.

react devtools component search

The search bar is located at the top of the extension. Once you start typing the results are immediate. Then, if you hover over any of the remaining components, you'll get some visual feedback as they are highlighted in the browser.