Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Coffee React Quickstart

Quickstart for creating React.js web applications.

It has a number of nice goodies baked in including:

  • Live reloading for both CSS and Javascript! This really speeds up development. Live reloading is powered by the Webpack module bundler and react-hot-loader projects.
  • Write your JSX in Coffeescript thanks to coffee-react-transform.
  • Amazing URL-driven-development (UDD) with the react-router project.
  • Uses Gulp for building CSS and Javascript. Run cult watch for rebuilding css/js on the fly while developing and cult build to create minified versions for deploying to production.
  • Includes sensible element stylings and several useful Sass plugins:

Install dependencies

Clone this repo and then after entering the new directory run npm install and bundle install. This will install the respective NPM and Ruby Gem dependencies.

You'll also need to have cult/gulp installed globally to run the coffeescript gulpfile: npm install -g gulp cult


Run in the root of your directory: cult watch

This will watch the src directories and build on changes and placed the built css and js files in the public directory. It'll serve everything in the /public directory at localhost:8080

Then try editing src/scripts/hello_world.cjsx and see your changes magically show up in your browser with no page reload!

If styles don't show up

Restart cult watch and reload your browser.

The problem is that I have Webpack setup to package CSS for the browser but we're using Sass/Compass before Webpack. On the first run, the public/main.css file is empty as Sass hasn't done its thing yet so Webpack requires an empty file and no styles show up in the browser. On the next start of cult watch the public/main.css file has been compiled by Sass so styles will now show up in the browser.

Production build

To build for production, simply run cult build


Try out the example app included with this quickstart:


No description, website, or topics provided.







No releases published


No packages published