Skip to content
This repository has been archived by the owner. It is now read-only.
Module of modules for making modules
Branch: master
Clone or download
Latest commit a93ec9c Nov 13, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore add gitignore Jul 16, 2016
History.md Initial commit Feb 25, 2016
Makefile closes #9 Nov 13, 2016
Readme.md add more annoying stuff to get async/await working Sep 14, 2016
package.json add more annoying stuff to get async/await working Sep 14, 2016

Readme.md

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

You can’t perform that action at this time.