Skip to content

A Yeoman Generator for facebook's React library. It includes gulp, browserify, livereload and famous official Twitter bootstrap Sass version

Notifications You must be signed in to change notification settings

5punk/generator-react-gulp-browserify

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

generator-react-gulp-browserify Build Status

Yeoman generator for facebook's React library - Integrate with gulp and browserify.

What's new?

  • Added watchify support
  • We use browserify extension instead of gulp extension
  • Autorun bower install & npm install by default

What's inside?

Bundled:

  • Gulp
  • Bower
  • jQuery
  • Browserify
  • Reactify - Help to transform JSX (consider to use babelify later)
  • Watchify support! (Sourcemap also!)
  • livereload (BrowserSync)

Optional:

  • Sass with Compass
  • Bootstrap - Twitter Bootstrap's official Sass version
  • Modernizr
  • Jade for HTML templates (I think jade is no longer necessary if we create UI with JavaScript)
  • CoffeeScript for JavaScript
  • Jest for unit tests

Getting Started

$ npm install -g yo                                # Install Yeoman (if you don't have it yet)...
$ npm install -g generator-react-gulp-browserify   # ...then install this generator...
$ yo react-gulp-browserify                         # ...and run it.

If you chose to use sass, you'll need to install it with gem install sass. If you find your css build results are empty, update your sass gem.

Output folders

scripts - /scripts
styles - /styles
fonts - /fonts

Now, when everything is ready, run the watch task and begin to develop your React components.

$ gulp watch

How to run test?
Currently, I prefer to run test tasks from npm. Please run this command.

$ npm test

After development, you can run this task to generate production code.

$ gulp build

License

MIT

About

A Yeoman Generator for facebook's React library. It includes gulp, browserify, livereload and famous official Twitter bootstrap Sass version

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 64.7%
  • HTML 18.1%
  • CSS 10.1%
  • CoffeeScript 7.1%