Eslint-plugin-react: Better formatting for jsx ternary operator

[steida]

Simple rule: One line can contain only JS or HTML exclusively.

{viewer ?
  <b>foo</b>
:
  <b>bar</b>
}

Related to https://github.com/este/este/issues/724

[palnes]

I kinda like:

{
foo
? <b>bar</b>
: <b>baz</b>
}

[lencioni]

I generally prefer to avoid the ternary altogether:

{foo && <b>bar</b>}
{!foo && <b>baz</b>}