Watch out for space between words in your designer&#x27;s copy disappearing though, because React chose to deviate from the HTML whitespace semantics.<p><pre><code>    &lt;p&gt;
      Hello and welcome to our fancy site, where you
      can do all kinds of cool things.
    &lt;&#x2F;p&gt;
</code></pre>
In JSX, that text will become &quot;...where youcan do all...&quot; and the recommended solution is to type<p><pre><code>    {&#x27; &#x27;}
</code></pre>
to insert a literal whitespace. [Edit: See spicyj&#x27;s response;  I was wrong about this, but the behavior is different from HTML in other cases.]<p>That, plus the way JSX confuses the hell out of language modes—Emacs, GitHub&#x27;s rendering—makes me want to stop using JSX. I just don&#x27;t enjoy using it, and I really do enjoy creating DOM elements with normal JavaScript syntax.<p>But like so many other things people argue about... it&#x27;s just preference, and ultimately pretty insignificant.