Add convenience bootstrapping

Looks horrible. Great!

src/index.js

@@ -8,7 +8,14 @@ export function isProbablyPlainObject(obj) {
   return typeof obj === 'object' && obj !== null && obj.constructor === Object;
 }
 
-export default (data = Data()) => {
+export default (dataOrParent, view, orData) => {
+  let data = dataOrParent;
+  if (dataOrParent && view) {
+    data = orData;
+  }
+  if (!data) {
+    data = Data();
+  }
   const React = {
     createElement(tagName, props, ...children) {
       if (typeof tagName === 'function') {
@@ -109,12 +116,16 @@ export default (data = Data()) => {
     global.React = React;
   }
 
-  return {
-    append(parent, template) {
-      const element = React.createElement(template);
+  const res = {
+    append(parent, view) {
+      const element = React.createElement(view);
       parent.appendChild(element);
       element.mounted();
     },
     ...data
+  };
+  if (dataOrParent && view) {
+    res.append(dataOrParent, view);
   }
+  return res;
 }

test/index.test.jsx

@@ -1211,3 +1211,16 @@ test('dd-model select before options are set', t => {
     t.is(select.value, 'hello');
   });
 });
+
+test('Convenience', t => {
+  const dd = domdom(document.body, ({ on }) => <div>Hello {on('test')}</div>);
+  dd.set('test', 'world!');
+  t.pass();
+});
+
+test('Convenience view before domdom', t => {
+  const view = ({ on }) => <div>Hello {on('test')}</div>;
+  const dd = domdom(document.body, view);
+  dd.set('test', 'world!');
+  t.pass();
+});