live on manideepbollu.herokuapp.com
This simple react project uses the following:
- React (0.14)
- Express (4.x)
- Browserify (12.x) + Babelify, Reactify, Minifyify (when
$NODE_ENV
equalsproduction
) and Watchify - Gulp
gulp-live-server
(which includes LiveReload for client-side js/css)- SASS
Generate app/static/js/bundle.js
from app/client/app.js
using Browserify.
Generate app/static/css/main.css
from app/client/stylesheets/main.scss
using SASS.
Runs js
and css
tasks and subsequently starts the Express app (app/server/index.js
) and installs watchers for frontend and backend file changes.
.
├── 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