I want to learn how the React Dev Tools (Chrome extension) is able to show the Components tree and the props/states of each component at runtime. For the tree rendering, I get it that the information is probably in the emitted HTML code somewhere. But what about the props and states? Where and how the RDT gets that information?
I'm not smart enough to read the source code of React to figure out. I hope someone with this knowledge can share your understandings.