https://github.com/robertklep/react-boilerplate
React.js (+ Express + Browserify) boilerplate
https://github.com/robertklep/react-boilerplate
Last synced: about 1 year ago
JSON representation
React.js (+ Express + Browserify) boilerplate
- Host: GitHub
- URL: https://github.com/robertklep/react-boilerplate
- Owner: robertklep
- Created: 2015-11-06T13:04:57.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-12-13T09:22:53.000Z (over 10 years ago)
- Last Synced: 2025-07-13T18:05:13.876Z (about 1 year ago)
- Language: JavaScript
- Size: 5.86 KB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-boilerplate
Simple React.js app boilerplate, using the following:
* React (0.14)
* Express (4.x)
* Browserify (12.x) + Babelify, Reactify, Minifyify (when `$NODE_ENV` equals `production`) and Watchify
* Gulp
* `gulp-live-server` (which includes LiveReload for client-side js/css)
* SASS
### Gulp tasks
##### `$ gulp js`
Generate `app/static/js/bundle.js` from `app/client/app.js` using Browserify.
##### `$ gulp css`
Generate `app/static/css/main.css` from `app/client/stylesheets/main.scss` using SASS.
##### `$ gulp serve`
Runs `js` and `css` tasks and subsequently starts the Express app (`app/server/index.js`) and installs watchers for frontend and backend file changes.
### Directory structure
```
.
├── README.md
├── gulpfile.js
├── package.json
└── app
├── client
│ ├── app.js // React entry point
│ ├── components // React components
│ │ └── app.jsx
│ └── stylesheets // SASS stylesheets
│ └── main.scss
├── server
│ ├── index.js // Express entry point
│ └── routes
│ └── index.js
└── static
├── index.html
├── css
│ └── main.css // Generated by SASS
└── js
└── bundle.js // Generated by Browserify
```