Could be a <i>little</i> simpler if you&#x27;re using an ES6 transpiler.<p><pre><code>  import styles from &#x27;.&#x2F;styles&#x2F;global&#x27;;

  const thisButton = { ...styles.button, custom: stuff };
</code></pre>
Also, nth-child and similar selectors aren&#x27;t too bad, especially if you use a [1]helper library on top of React that lets you pass an array of styles to a component. All it then usually requires is adding a test against the iterator index when rendering a list of data. Something like:<p><pre><code>  this.props.list.map((entry, index) =&gt; {
    const style = [styles.row, index % 2 === 0 &amp;&amp; styles.even];

    return (&lt;div style={style}&gt;{entry}&lt;&#x2F;div&gt;);
  });
</code></pre>
A little bit of extra code but so much that I find it to be an issue.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;FormidableLabs&#x2F;radium" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;FormidableLabs&#x2F;radium</a>