p>
<p>As it turns out, the Tachyons convention fits extremely well with Mithril and JSX:</p>
<pre><code class="lang-jsx">var Hero = &quot;.black.bg-dark-blue.br2.pa3&quot;

m.mount(document.body, &lt;Hero&gt;Hello&lt;/Hero&gt;)
// equivalent to `m(&quot;.black.bg-dark.br2.pa3&quot;, &quot;Hello&quot;)`
</code></pre>
<hr>
<h3 id="css-in-js"><a href="#css-in-js">CSS in JS</a></h3>
<p>In plain CSS, all selectors live in the global scope and are prone to name collisions and specificity conflicts. CSS-in-JS aims