Better visualisation of component hierarchy?

[lalwanivikas]

I went through the tutorial recently and found it great!

One thing that I think can be improved for beginners is visualization of component hierarchy. It is very well described and visualized in Step-1 of Thinking in React.

So I went ahead and added a little CSS to make it clear. Please see screenshots below. Do you think something like this will add value? If so, I would love to improve it a bit and submit a PR.

Thanks :)

Before:

After:

[sophiebits]

I don't think we'll include something like this in the tutorial, but the React devtools let you browse the component tree and see the bounds of each component.