/react-fatigue-dev

Module of modules for making modules

Primary LanguageMakefile

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

Badges

tjholowaychuk.com  ·  GitHub @tj  ·  Twitter @tjholowaychuk