Skip to content

heroku/react-flux-starter

Repository files navigation

react-flux-starter

An application template for a single page webapp backed by Express that uses React with a Flux architecture with support for Actions, Stores, message dispatching, and real-time updates using web sockets. Uses react-router for page routing.

Uses Bootstrap and LESS for CSS, Browserify for Javascript bundling, ES6 syntax via Traceur, and Gulp for managing all the front-end asset build and packaging.

To use:

Clone this repository the execute the following commands:

  1. npm install
  2. ./node_modules/gulp/bin/gulp.js bootstrap
  3. ./node_modules/gulp/bin/gulp.js build
  4. npm start
  5. Goto http://localhost:3000 in your browser

If you want to develop further and make modifications:

  1. In one console window run ./node_modules/gulp/bin/gulp.js. This will run Gulp in "watch" mode and automatially rebuild your frontend assets on change.
  2. In a second console window run npm start. If you're going to modify the Express code use nodemon (nodemon ./bin/www) which will automatically reload Express after you make a change.

Enjoy!!

About

Example React/Flux project based on Heroku Connect

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published