Skip to content

Instantly share code, notes, and snippets.

View ro31337's full-sized avatar

Roman Pushkin ro31337

View GitHub Profile
node_modules/.bin/browserify src/**/*.jsx -o bundle.js
$ node_modules/.bin/browserify src/**/*.jsx -o bundle.js -t [ babelify --presets [ es2015 react ] ]
Error: Couldn't find preset "es2015" relative to directory...(error truncated)
$ browserify script.js -o bundle.js -t [ babelify --presets [ es2015 react ] ]
$ npm install babelify --save-dev
Browserify --> Babelify --> Babel
$ npm install browserify --save-dev
import ReactDOM from 'react-dom';
import React from 'react';
import Greeter from './greeter';
let greeter = (
<Greeter />
)
ReactDOM.render(greeter, document.getElementById('app'));
<body>
<div id="app"></div>
</body>
import React from 'react';
class Greeter extends React.Component {
render() {
return <h1>Hello!</h1>;
}
}
export default Greeter;
<body>
Hello, world!
<script type="text/javascript">var _lrscript = document.createElement('script');_lrscript.type = 'text/javascript';_lrscript.defer = _lrscript.async = true;_lrscript.src = 'http://' + ((null||location.host).split(':')[0]) + ':35729/livereload.js?';document.body.appendChild(_lrscript);</script></body>