0

From this tutorial, I see a React tab in dev tools to help debug. But not getting it on my own. I have Chrome extension "React Developer Tools 4.10.1". What am I missing?

enter image description here

Bill
  • 915
  • 2
  • 13
  • 23

1 Answers1

1

Now there is two tabs in React Dev Tools: Components and Profiler.

enter image description here

Components expectedly display the structure of your components. Probably it`s what you are looking for.

enter image description here

Profiler let`s you to take records during debugging of application and see useful diagnostic information.

enter image description here

kogonidze
  • 129
  • 1
  • 11
  • I've been using composer and it is helpful. Just looking at the debugging trace from the tutorial I have pictured above, being able to debug trace the rendered code seems really useful. I wish that was available. – Bill Feb 06 '21 at 18:54
  • @Bill have you tried clicking the cursor icon on the top left (2nd from the top)? I’m assuming that’s what you’re looking for – JBallin Feb 06 '21 at 19:21