Skip to main content

React Developer Tools

It can be incredibly helpful to see which components have which props passed to them and which React hooks they have themselves. While it's very possible to log this information, there is also a helpful browser extension which shares this information with us.

Download React Developer Tools

Then, when inspecting your browser you'll find a new tab called Components.

Here, click on the inspect tool and visually choose the element you want to inspect. This will show you what hooks and props a component carries with it.

Box-model

Further reading

Introduction dev tools