title: How can I visualize my React Component-Tree using a diagramming software?
body: <p>I'm a visual learner, This would help me a lot in designing, implementing, testing etc.
  I need a kinda <strong>diagram</strong> that visualizes props, state, events, input, processing, output etc for each component in the tree and <strong>also</strong> as a whole. I want to visualize the components themselves <strong>and</strong> the relationship between these components, using a software like omnigraffle or anything else.</p>