Naturally Produced Modules

    react-gulp-es6-seed

    0.0.6 • Public • Published

    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

    Install

    npm i react-gulp-es6-seed

    DownloadsWeekly Downloads

    1

    Version

    0.0.6

    License

    none

    Last publish

    Collaborators

    • mike-robertson