Yes, the JSX is compiled (or &quot;transformed&quot;) to JavaScript which creates components internally in React:<p><a href="https:&#x2F;&#x2F;babeljs.io&#x2F;repl&#x2F;#?experimental=true&amp;evaluate=true&amp;loose=false&amp;spec=false&amp;code=%20%20%3Csection%3E%0A%20%20%20%20%3Cdiv%3E%3Ch1%3ELatest%20posts%3C%2Fh1%3E%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20All%20my%20posts%0A%20%20%20%20%20%3Cimg%20src%3D%22http%3A%2F%2Fdreamatico.com%2Fdata_images%2Fkitten%2Fkitten-1.jpg%22%20alt%3D%22Kitten%22%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fsection%3E" rel="nofollow">https:&#x2F;&#x2F;babeljs.io&#x2F;repl&#x2F;#?experimental=true&amp;evaluate=true&amp;lo...</a><p>I felt the same as OP when I first started using React, although it makes more sense now I&#x27;ve played with it, I&#x27;m still not sure about mixing concerns (code and view) in the same file. Especially when you start talking about CSS too...<p><a href="https:&#x2F;&#x2F;speakerdeck.com&#x2F;vjeux&#x2F;react-css-in-js" rel="nofollow">https:&#x2F;&#x2F;speakerdeck.com&#x2F;vjeux&#x2F;react-css-in-js</a>