title: How to crawl React component structure?
body: <p>I want to draw a tree view of my app (leaf for each component and relationships between them) but Im unable to find a way to crawl the structure.</p>
  
  <p>If you <code>console.log(this)</code> in root component, you'll get plenty of data but Fiber and other latest additions have made everything a bit trickier.</p>
  
  <p>I was unable to find any reliable paths to child components. I could try to climb from bottom to up but how would that exactly work? Besides figuring out how, app brances to many different directions, I couldn't just start from one component.</p>
  
  <p>You can find <a href="https://jsfiddle.net/hacv3u5k/" rel="nofollow noreferrer">demo here</a>.</p>
  
  <p>How to crawl React app component structure?</p>