ES2015 Isomorphic React Starter

Fully isomorphic react starter project. Includes react-router and expressjs and uses webpack and gulpjs. ES2015 transformed through babeljs

Installation

Uses io.js to take advantages of ES2015 without --harmony flag.

First, install nvm. Then run the following:

• nvm install iojs
• nvm use iojs
• nvm alias default iojs (to make node default to iojs)

After that, clone the repo and install dependencies:

• npm install
• npm install -g gulp

Running in development mode:

• gulp dev

Open your browser to http://localhost:8080. Now, disable JavaScript in your browser. You will still be able to navigate between and see the content! This is the power of isomorphic javascript.

Script and style changes will be injected on the fly for automatic hot reloading. Development now becomes 100x more fun ❤

Building the project for production:

Running gulp build will produce the following tasks:

• Concat & minify styles to /dist/css/styles.css
• Concat & minify scripts to /dist/js/app.js
• Optimize & copy images to /dist/img/

Future Plans

• Incorporate Flux Architecture with Alt
• Add Bower for client-side package management
• Minimal Flux Sample
• Unit Testing and Linting as part of build process
• SMACSS + BEM for CSS Architecture
• Docker
• Productionize

---

jancarloviray.com · @jancarloviray