abdullah/til
1
0
Fork 0
mirror of https://github.com/jbranchaud/til synced 2026-01-04 23:58:01 +00:00
Code Issues Projects Releases Wiki Activity

Add Visually Select A React Component For Inspection as a react til

Browse Source
This commit is contained in:
jbranchaud
2018-02-05 10:58:33 -06:00
parent 352aa37f94
commit db19f01169
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
react/visually-select-a-react-element-for-inspection.md Normal file
View File

@@ -0,0 +1,13 @@
# Visually Select A React Element For Inspection
Similar to the _Elements_ tab of Chrome devtools, the [React devtools
extension](https://github.com/facebook/react-devtools) provides a visual
element selector to make it easier to inspect an element you can see in the
browser.
![select and inspect a react component](https://i.imgur.com/cGgSZfN.gif)
Open the React devtools, click the crosshair icon, hover around the browser
until the element you are looking for is visually highlighted, and then
click. The React component hierarchy will be expanded to reveal that
element. You can now inspect it or quickly navigate to nearby elements.