Generator for React + ES5 (Browserify) or ES6 (Webpack/Babel)
MIT License
Generator for React + ES5 (Browserify) or ES6 (Webpack/Babel)
Install the slush:
$ [sudo] npm install -g slush
Install the tangerine generator:
$ [sudo] npm install -g slush-react-start
Use the generator:
$ slush react-start
Choose your javascript version and answer the questions!
React + Browserify
Requirements:
$ [sudo] npm install -g browserify
$ [sudo] npm install -g watchify
Syntax:
var React = require('react'),
ReactDOM = require('react-dom');
var Layout = React.createClass({
render: function(){
return (
<h1>Hello</h1>
)
}
});
ReactDOM.render(<Layout/>, document.getElementById('app'));
Folders structure:
.
README.md
package.json
src/
| index.html
| app.js
| bundle.js
.gitignore
Run your project:
$ npm start
Go to: http://localhost:5000
React + Webpack + Babel
Requirements:
$ [sudo] npm install -g webpack
Syntax:
import React from "react";
import ReactDom from "react-dom";
import Hello from "./hello.js";
class Layout extends React.Component {
render() {
return (
<Hello />
);
}
};
ReactDom.render(<Layout/>, document.getElementById('app'));
Folders structure:
.
README.md
package.json
webpack.config.js
src/
| index.html
| hello.js
| app.js
.gitignore
Run your project:
$ npm start
Go to: http://localhost:8080/
To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.
Find on our issues to see the next steps of the project ;) Want to contribute? Follow these recommendations.
See Releases for detailed changelog.