React shorthand element creation

element.js

import React from 'react'


// E(String, { attr: val }, ... ReactElement || Atom) -> ReactElement
// Allows use of css selector shorthand and concise element creation
function E (head, attrs, ... child) {

	if (typeof head === 'function') return React.createElement(head, attrs, ... child)

	var i, p, c
	const parts = head.split(/\s+/)
	var tag = 'div'
	var _attrs = {}, a

	if (attrs) {
		for (a in attrs) _attrs[a] = attrs[a];
	}

	for (i = 0; i < parts.length; i++) {

		p = parts[i]
		c = p.charAt(0)

		if (c === '#') {
			_attrs.id = p.slice(1)

		} else if (c === '.') {
			_attrs.className = (!_attrs.className) ? p.slice(1) : _attrs.className + ' ' + p.slice(1)

		} else {
			tag = p
		}
	}

	return React.createElement(tag, _attrs, ... child)
}


export default E