DanielSWolf · May 29, 2017 09:27
diff --git a/esnextbin.md b/esnextbin.md
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
 <head>
  <meta charset="utf-8">
  <title>ESNextbin Sketch</title>
  <!-- put additional styles and scripts here -->
 </head>
 <body>
  <div id="root" />
 </body>
 </html>
diff --git a/index.js b/index.js
 import ReactDOM from 'react-dom';
 import React from 'react';
 import { computedAsync } from 'computed-async-mobx';

 class Status {
  observableValue = computedAsync({
    init: 'Initial value while loading',
    fetch: async() {}
  });
 }

 async function getNextValue() {}

 function StatusWidget() {
  return (<ul>
    <li>Busy: </li>
    <li>Value: </li>
  </ul>);
 }

 ReactDOM.render(
  <StatusWidget />,
  document.getElementById('root')
 );
diff --git a/package.json b/package.json
 {
  "name": "busy-timing-demo",
  "version": "0.0.1",
  "dependencies": {
    "react-dom": "15.5.4",
    "react": "15.4.2"
  }
 }
diff --git a/transpiled.js b/transpiled.js
 /*
 unknown: Unexpected token (8:19)
   6 |   observableValue = computedAsync({
   7 |     init: 'Initial value while loading',
 >  8 |     fetch: async() {}
     |                    ^
   9 |   });
  10 | }
  11 | 
 */
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>ESNextbin Sketch</title>
	<!-- put additional styles and scripts here -->
	</head>
	<body>
	<div id="root" />
	</body>
	</html>
	import ReactDOM from 'react-dom';
	import React from 'react';
	import { computedAsync } from 'computed-async-mobx';

	class Status {
	observableValue = computedAsync({
	init: 'Initial value while loading',
	fetch: async() {}
	});
	}

	async function getNextValue() {}

	function StatusWidget() {
	return (<ul>
	<li>Busy: </li>
	<li>Value: </li>
	</ul>);
	}

	ReactDOM.render(
	<StatusWidget />,
	document.getElementById('root')
	);
	/*
	unknown: Unexpected token (8:19)
	6 \| observableValue = computedAsync({
	7 \| init: 'Initial value while loading',
	> 8 \| fetch: async() {}
	\| ^
	9 \| });
	10 \| }
	11 \|
	*/