ponent

Yet another functional UI library

const
	{ component } = require('ponent'),
	{ eq } = require('ramda'),
	{ scan } = require('flyd'),
	filter = require('flyd-filter'),
	{ button } = require('ponent').html;

const counterButton = component({
	state: (props, events) => ({
		text: scan(
			clicks => clicks + 1,
			0,
			filter(eq('click'), events)
		)
	}),
	element: state => 
		button(
			{ onClick: 'click' },
			state.text
		)
});

render(couterButton({}), document.body);