I hear this all the time but it&#x27;s hard to giving up the C in CSS, cascading.<p>With CSS you can define a style that applies to all buttons on the page. to replicate this with inline styles you have to do<p><pre><code>   var styles = require(&quot;.&#x2F;styles&#x2F;global&quot;);

   &#x2F;&#x2F; react stuff here

   var thisButton = Object.assign(styles.button, { custom: stuff })
</code></pre>
And that&#x27;s the absolute most simple case. Replicating even slightly more complex CSS concepts like :nth-child or descendant selectors must result in a lot of code.