JSFiddle - React, Tailwind, and code Playground
HTML
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css'>
<body style="background:#f0f0f0">
<div id="cosa"> </div>
<button class="btn" onclick="cambiar();"> CAMBIO</button>
</body>
<script src="https://unpkg.com/ef.js@latest"></script>
JavaScript
const { t, create,inform, exec } = ef;
const demo = new t`
>div.row
>div.col.s6.card-panel.white.hoverable
#style = height:{{alto = 300}}px;
%id = cualquiera
>h4.center
.{{texto = Saludos}}
`;
demo.$mount({target: document.getElementById('cosa')})
function cambiar()
{
demo.$data.texto = 'Saludos Harry';
demo.$data.alto = 150;
}