dom.js

function View(props) {
	return (
		props.allow
			? HelloWorld({ name: props.name })
			: P(null, [Text('Not allowed')])
	);
}

function HelloWorld(props) {
	return (
		Div({ className: 'primary-content' }, [
			P(null, [
				Text('Hello, ' + props.name)
			])
		])
	);
}

function Div(props, children) {
	return Element('div', props, children);
}

function P(props, children) {
	return Element('p', props, children);
}

function Element(tag, props, children) {
	var element = document.createElement(tag);

	Object.keys(props || {}).forEach(function(key) {
		element[key] = props[key];
	});

	children.forEach(element.appendChild, element);

	return element;
	// return { node, updater }
}

function Text(content) {
	var node = document.createTextNode(content);

	return node;
}