JamesUlph · February 9, 2016 06:58 · Feb 9, 2016
diff --git a/esnextbin.md b/esnextbin.md
@@ -0,0 +1 @@
+made with [esnextbin](http://esnextb.in)
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>ESNextbin Sketch</title>
+  <style>
+    body > div { padding:40px; }
+  </style>
+</head>
+<body>
+  <!-- put markup and other contents here -->
+</body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,13 @@
+import { h, render } from 'preact-cycle';
+/** @jsx h */
+
+const App = ({ value, mutation }) => (
+  <div>
+    <button onClick={ mutation('value', v => v+1) }>Increment</button>
+    <p>Value: { value }</p>
+
+    <p>{value}</p>
+  </div>
+);
+
+render(App, { value: 0 }, document.body);
diff --git a/package.json b/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "esnextbin-sketch",
+  "version": "0.0.0",
+  "dependencies": {
+    "preact-cycle": "0.1.1"
+  }
+}
diff --git a/transpiled.js b/transpiled.js
@@ -0,0 +1,34 @@
+'use strict';
+
+var _preactCycle = require('preact-cycle');
+
+/** @jsx h */
+
+var App = function App(_ref) {
+  var value = _ref.value;
+  var mutation = _ref.mutation;
+  return (0, _preactCycle.h)(
+    'div',
+    null,
+    (0, _preactCycle.h)(
+      'button',
+      { onClick: mutation('value', function (v) {
+          return v + 1;
+        }) },
+      'Increment'
+    ),
+    (0, _preactCycle.h)(
+      'p',
+      null,
+      'Value: ',
+      value
+    ),
+    (0, _preactCycle.h)(
+      'p',
+      null,
+      value
+    )
+  );
+};
+
+(0, _preactCycle.render)(App, { value: 0 }, document.body);