Skip to content

Instantly share code, notes, and snippets.

@peteruithoven

peteruithoven/esnextbin.md

Created October 10, 2016 13:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save peteruithoven/07818857d220e23d5803a624a13e82b4 to your computer and use it in GitHub Desktop.
Save peteruithoven/07818857d220e23d5803a624a13e82b4 to your computer and use it in GitHub Desktop.
Download ZIP
esnextbin sketch
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ESNextbin Sketch</title>
<!-- put additional styles and scripts here -->
</head>
<body>
<div id="app"></div>
</body>
</html>
Raw
index.js
import React from 'react';
import { render } from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import Checkbox from 'material-ui/Checkbox';
render(
<MuiThemeProvider>
<Checkbox label="agree" />
</MuiThemeProvider>,
document.getElementById('app')
)
Raw
package.json
{
"name": "esnextbin-sketch",
"version": "0.0.0",
"dependencies": {
"react": "15.3.2",
"react-dom": "15.3.2",
"material-ui": "0.16.0"
}
}
Raw
transpiled.js
'use strict';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _MuiThemeProvider = require('material-ui/styles/MuiThemeProvider');
var _MuiThemeProvider2 = _interopRequireDefault(_MuiThemeProvider);
var _Checkbox = require('material-ui/Checkbox');
var _Checkbox2 = _interopRequireDefault(_Checkbox);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
(0, _reactDom.render)(_react2.default.createElement(
_MuiThemeProvider2.default,
null,
_react2.default.createElement(_Checkbox2.default, { label: 'agree' })
), document.getElementById('app'));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment