Where can i check for react developer tools in chrome

1427

I'm learning react and want to debug my code using react developer tools. Where can i check?

1 Answer

4 years ago by

Check if you have react developer tools extension added to your browser.

  • If you don't have, Add React developer tools chrome extension.

  • Right click -> Inspect Element or use the shortcut Ctrl+Shift+I(for Windows) on your React web page.

  • You can see two tabs in your Chrome DevTools, ⚛️ Components and ⚛️ Profiler.

  • ⚛️ Components displays the React components which are rendered on the page.

Hope this answers your query and enjoy debugging.

4 years ago by Divya