node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-gulp-es6-seed

React/Express starter project with build pipeline

This is a simple seed project for a react project with a simple node/express backend, based off of the react tutorial, but written in es2015 syntax.

Initial setup

Clone the project

git clone http://EUID@stash.kroger.com/scm/~mr96763/thor-react-seed.git

Run npm install

cd thor-react-seed npm install

Install livereload chrome extension

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en

In order to enable live reload, you need to click the symbol. If there is a black filled circle in the middle, it is running.

Commands

gulp build / npm run build

This builds the code into the /public/build directory and depends on the test task. This build will minify the build.js file as well.

NOTE: This build process will not bundle react and react-dom into the build.js file, as any consuming apps should already have react and react-dom as dependencies somewhere. If you want to test build.js for whatever reason, you will need to import them into index.html just use:

  <script src="https://fb.me/react-0.14.7.js"></script>
  <script src="https://fb.me/react-dom-0.14.7.js"></script>

npm run start-dev

This runs a nodemon of the server (live reloading on the server) as well as the live reloading/rebuilding for the front end.

npm start

This simply runs the node server

gulp test / npm run test

This runs the unit tests

Notes

This will be updated with more stuff such as gulp tasks to bundle/publish to npm