preact + hyperx

example.js

var { h, Component } = preact;
var hx = hyperx( (tag, props, kids) => h(tag, props, ...kids) );


var App = () => hx`
	<div id="app">
		${h(Demo)}
	</div>
`;

class Demo extends Component {
	constructor(props, context) {
		super(props, context);
		this.state = { n: 0 };
		this.handleClick = () => {
			this.setState({ n: this.state.n + 1 })
		};
	}
	render(props, state) {
		return hx`
			<div>
				<h1>clicked ${state.n} times</h1>
				<button onClick=${this.handleClick}>click me!</button>
			</div>
		`;
	}
}

preact.render(h(App), document.body);