horseless is a microscopic, expressive, and fun javascript framework. Repo here.
const model = proxy({ count: 0, events: [] })
const attributes = { top: 0, left: 0 }
const handleClick = el => e => console.log('click', el, e)
function getColor () {
return model.count > 100 ? 'red' : 'green'
}
const view = h`
<div ${attributes} style="color: ${getColor};" onclick=${onclick}>
<span>initial count: ${model.count} live count: ${() => model.count}</span>
${mappedEvents}
</div>
`
render(document.getElementById('app'), view)