Comment by fromalex

There is also a babel-transform for pug[1]. It works quite well as JSX replacement. Not having any endig tags can be quite beneficial when reformatting stuff.

Paired with Tachyons (best atomic CSS lib) you get superpowers and can write code like

  const someComponent = ()
    => pug`
      ul.p2.f3 Some list
        li.red Some text
        li.pink Some more`

[1] https://github.com/pugjs/babel-plugin-transform-react-pug