block by jfsiii 35dabaa253a4c0a60add

esnextbin sketch

Full Screen

index.js

import React from 'react';
import ReactDOM from 'react-dom';

const App = ({ title }) => {
  return (
    <div>
      <h1>{title}</h1>
    </div>
  );
};

ReactDOM.render(
  <App title="Babel.js REPL + import NPM modules = http://esnextb.in" />,
  document.getElementById('react-root')
);

index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>ESNextbin Sketch</title>
  <!-- put additional styles and scripts here -->
</head>
<body>
  <!-- put markup and other contents here -->
  <div id="react-root"></div>
</body>
</html>

esnextbin.md

package.json

{
  "name": "jfsiii-esnextbin-sketch",
  "version": "0.0.0",
  "dependencies": {
    "react": "0.14.7",
    "react-dom": "0.14.7"
  }
}

transpiled.js