Slush React Start

Generator for React + ES5 (Browserify) or ES6 (Webpack/Babel)

How to install and use the generator?

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!

If your choice is ES5:

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

If your choice is ES6:

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/

Versioning

To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.

Contributing

Find on our issues to see the next steps of the project ;) Want to contribute? Follow these recommendations.

History

See Releases for detailed changelog.

License

MIT License © Afonso Pacifer