React Fatigue Dev

Module of modules and Makefile to reduce the amount of boilerplate when developing React components.

Installation

$ npm install tj/react-fatigue-dev

Usage

Add this module as a dev dependency, and add the following to your project's Makefile:

include node_modules/react-fatigue-dev/Makefile

You'll now have a number of targets available, see make help for details. You may customize the default behaviour by overriding the Makefile variables, view ./Makefile to see the defaults.

For example use port :8000 instead of :3000, and instead of serving ./example, serve ./test:

SERVER_FLAGS = -p 8000 ./test
include node_modules/react-fatigue-dev/Makefile

Check out react-click-outside for a full example.

Includes

• fatigue
• babel-cli
• babel-preset-es2015
• babel-preset-react
• babel-preset-stage-0
• babelify
• browserify
• browserify-hmr
• ecstatic
• react
• react-dom
• watchify
• other crazy shit, wtf

.babelrc

Example babelrc:

{
  "presets": ["es2015", "react", "stage-0"],
  "plugins": [],
  "env": {
    "development": {
      "plugins": [
        ["react-transform", {
          "transforms": [{
            "transform": "react-transform-hmr",
            "imports": ["react"],
            "locals": ["module"]
          }]
        }],
        "transform-runtime",
        "transform-decorators-legacy"
      ]
    }
  }
}

Links

• Boilerplate for getting started
• Example project using react-fatigue-dev

Badges

tjholowaychuk.com  ·  GitHub @tj  ·  Twitter @tjholowaychuk