sails-generate-isoreact

A isomorphic react app generator for use with the Sails command-line interface.

Certain generators are installed by default in Sails, but they can be overridden. Other generators create entirely new things. Check the Sails docs for information on installing generator overrides / custom generators and information on building your own generators.

Isomorphic bootstrap App with react

#### install by default
- react,
- react-router, for routing app
- sails-react-store : wrap sails.socket.io with bluebrint method with 2 reactComponent (Item and CollectionItem)

$3

``sh
$ npm install -g browserify
`

$3

Generate your sails app
`sh
$ sails generate new myApp

$ cd myApp

$ npm install sails-generate-isoreact

`

Maybe, you need install grunt-browserify with sudo




$3

#### On the command line

##### First install with :
`sh
$ sails generate isoreact

$ npm i --save sails-hook-babel grunt-browserify

`
maybe use sudo

##### then do
`sh
$ browserify -r react -r react-router -r sails-react-store > assets/js/dependencies/build.js
`
##### finally add this in your layout.ejs before your scripts
`html

`

$3

see components's folder for starting

##### Example Simple controller
`
var React = require('react')
, Router = require('react-router')
, routes = require('../../components/routes.js');

module.exports = {
home: function(req, res) {
Router.run(routes, "home", function(Root){
res.view("layout", {
locals: {
title: 'My home',
description: 'my sweet home'
},
body: React.renderToString()
});
});
});
},

...

`


##### Example with renderTo service
`
var routes = require('../../components/routes.js');

module.exports = {
home: function(req, res) {
renderTo(routes, res.view, '/', {title:'home'})
},
articles: function(req, res) {
Post.find().exec(function(err, posts){
renderTo(routes, res.view, '/articles', {title:'articles'}, {items:posts});
});
},

...

`

##### example routes
`
...

'/': 'HomeController.home',

'/articles': 'HomeController.articles'

...
`

$3

To get started quickly and see this generator in action, ...

Also see CONTRIBUTING.md for more information on overriding/enhancing existing generators.

$3

See FAQ.md`.

$3

- Stackoverflow
- #sailsjs on Freenode (IRC channel)
- Twitter
- Professional/enterprise
- Tutorials
-

$3

MIT
© 2015 balderdashy & contributors

As for Sails? It's free and open-source under the MIT License.

!image_squidhome@2x.png