Add Quickly Search For A Component With React DevTools as a react til

README.md

@@ -10,7 +10,7 @@ smart people at [Hashrocket](http://hashrocket.com/).
 For a steady stream of TILs from a variety of rocketeers, checkout
 [til.hashrocket.com](https://til.hashrocket.com/).
 
-_599 TILs and counting..._
+_600 TILs and counting..._
 
 ---
 
@@ -427,6 +427,7 @@ _599 TILs and counting..._
 - [Inline Style Attributes Should Be Camel Cased](react/inline-style-attributes-should-be-camel-cased.md)
 - [Passing Props Down To React-Router Route](react/passing-props-down-to-react-router-route.md)
 - [Proxy To An API Server In Development With CRA](react/proxy-to-an-api-server-in-development-with-cra.md)
+- [Quickly Search For A Component With React DevTools](react/quickly-search-for-a-component-with-react-devtools.md)
 - [Rendering Multiple Nodes With Fragments](react/rendering-multiple-nodes-with-fragments.md)
 
 ### Ruby

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

@@ -0,0 +1,17 @@
+# Quickly Search For A Component With React DevTools
+
+As the size of your React app grows, it can become challenging to track down
+specific component within the [React
+DevTools](https://github.com/facebook/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](https://i.imgur.com/dYd8SZD.gif)
+
+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.