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