Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tj/react-fatigue-dev
Module of modules for making modules
https://github.com/tj/react-fatigue-dev
Last synced: 15 days ago
JSON representation
Module of modules for making modules
- Host: GitHub
- URL: https://github.com/tj/react-fatigue-dev
- Owner: tj
- Archived: true
- Created: 2016-02-25T00:14:00.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-04-05T06:34:10.000Z (over 7 years ago)
- Last Synced: 2024-05-08T18:36:56.650Z (6 months ago)
- Language: Makefile
- Size: 9.77 KB
- Stars: 312
- Watchers: 7
- Forks: 17
- Open Issues: 5
-
Metadata Files:
- Readme: Readme.md
- Changelog: History.md
Awesome Lists containing this project
- awesome-starred - tj/react-fatigue-dev - Module of modules for making modules (others)
README
# 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:
```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:
```Makefile
SERVER_FLAGS = -p 8000 ./test
include node_modules/react-fatigue-dev/Makefile
```
Check out [react-click-outside](https://github.com/tj/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](https://github.com/tj/react-fatigue-dev-boiler) for getting started
- [Example project](https://github.com/tj/react-click-outside) using react-fatigue-dev
## Badges
[](https://apex.sh/ping/)
---
> [tjholowaychuk.com](http://tjholowaychuk.com) ·
> GitHub [@tj](https://github.com/tj) ·
> Twitter [@tjholowaychuk](https://twitter.com/tjholowaychuk)