https://github.com/jiayihu/gulp-react-browserify
:boom: Boilerplate for React.js development with Gulp and Browserify
https://github.com/jiayihu/gulp-react-browserify
Last synced: 5 months ago
JSON representation
:boom: Boilerplate for React.js development with Gulp and Browserify
- Host: GitHub
- URL: https://github.com/jiayihu/gulp-react-browserify
- Owner: jiayihu
- License: mit
- Created: 2016-02-10T17:22:40.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-06-29T14:22:42.000Z (over 9 years ago)
- Last Synced: 2025-07-25T21:48:04.378Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 268 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# React.js with Gulp & Browserify
> Develop you React.js application with Gulp.js and [Browserify](https://github.com/substack/node-browserify)
## Features
- Gulp with BrowserSync, Scss support, CSSNano, deployment with GitHub Pages etc.
- [HTML5 Boilerplate](https://html5boilerplate.com) included
- Browserify with Watchify for incremental builds :ok_hand:
- Multiple bundles: **vendor.js** with React and the other dependencies and **main.js** with your own code.
Run `gulp vendorScripts` to build the vendor.js bundle whenever you add a dependency.
- Support for JSX conversion and ES2015 with [Babelify](https://github.com/babel/babelify) and its presets
- Production mode with [envify](https://www.npmjs.com/package/envify) and [uglify](https://www.npmjs.com/package/gulp-uglify) to reduce bundle size up to 70%
- [History API Fallback](https://github.com/bripkens/connect-history-api-fallback) for routing
- [ESLint](http://eslint.org) with [Airbnb](https://github.com/airbnb/javascript) JS Style Guide for ES6 & React.js
- Testing with ES6 [Mocha](https://mochajs.org) + [Chai](http://chaijs.com) + [Enzyme](http://airbnb.io/enzyme/)
- Deploy with Github Pages :boom: :octocat:
## Usage
Install dependencies
``` javascript
npm install
```
Development
``` javascript
npm start
```
Production mode
``` javascript
npm run build
```
Run tests
``` javascript
npm run test //or npm run test:watch to watch changes
```
Deploy to Github Pages
``` javascript
npm run deploy
```