Solucionado
Olá,
Como posso usar a syntax do Pug ao invés do código em JSX?
<div className="pure-g">
<div className="pure-u-1-3">
<p>Thirds</p>
</div>
<div className="pure-u-1-3">
<p>Thirds</p>
</div>
<div className="pure-u-1-3">
<p>Thirds</p>
</div>
</div>.pure-g
.pure-u-1-3
p Thirds
.pure-u-1-3
p Thirds
.pure-u-1-3
p ThirdsCom Pug o código é muito mais legível.
Fala aí Vagnerlandio, tudo bem? Para usar o Pug com React você pode utilizar um plugin do Babel:
https://github.com/pugjs/babel-plugin-transform-react-pug
Basicamente você faz a instalação dele e no seu .babelrc adiciona no array de plugins:
{
"plugins": [
// ... outros plugins
"transform-react-pug"
]
}Espero ter ajudado.