Revisit react/jsx-indent-props

[matthewheck]

The current combination of react/jsx-indent-props and react/jsx-closing-bracket-location supports components as follows:

<Hello firstName="Matthew"
    lastName="Heck"
    date="2016-01-22"
    greeting="Welcome" />

Though this works fine, this code is less readable when components are nested, as follows:

<Hello
    firstName="Matthew"
    lastName="Heck"
    date="2016-01-22"
    greeting="Welcome" >
    <Goodbye />
</Hello>

It becomes easy to miss the nested component with this coupling. There are two possible solutions we could consider moving forward: aligned indentation or two tab indentation.

I'm leaning toward aligned indentations, but two tabs is also appealing. Anybody else?