Universal React-Flux-Gulp Boilerplate

We don't always choose universal React, Flux and Gulp – but when we do, we clone this.

Core

• react
• react-router
• fluxible
• express

Build tools

• gulp
• sass
• babel
• browserify
• browser-sync
• etc, see package.json

Getting Started

This project leverages Docker to run local and remote environments. Here's a quick introduction to Docker via their documentation:

Docker provides a way to run applications securely isolated in a container, packaged with all its dependencies and libraries. Because your application can always be run with the environment it expects right in the build image, testing and deployment is simpler than ever, as your build will be fully portable and ready to run as designed in any environment. And because containers are lightweight and run without the extra load of a hypervisor, you can run many applications that all rely on different libraries and environments on a single kernel, each one never interfering with the other. This allows you to get more out of your hardware by shifting the “unit of scale” for your application from a virtual or physical machine, to a container instance.

To get up and running locally, perform the following steps:

1. Install Docker For Mac
2. Add an .env file
3. Run ./dev.sh

The project should be viewable at http://localhost:3000.

Don't want to run Docker? Run it locally...

$ npm install --global gulp
$ npm install
$ gulp

To generate a production build, run the following:

$ gulp production

Documentation

• Deployment
• Environment Variables