They both look neat to me.<p><pre><code>    let SimpleComponent = () =&gt; &lt;div&gt;
      &lt;p&gt;I am a component!&lt;&#x2F;p&gt;
      &lt;p className=&quot;someClass&quot;&gt;
        I have &lt;strong&gt;bold&lt;&#x2F;strong&gt; &lt;span style={{color: &#x27;red&#x27;}}&gt;and red&lt;&#x2F;span&gt; text.
      &lt;&#x2F;p&gt;
    &lt;&#x2F;div&gt;
</code></pre>
Not having to manage commas all the time is a strong point of both vs. what we were doing with nested JavaScript objects&#x2F;arrays&#x2F;function calls before JSX.