Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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://img.shields.io/badge/license-MIT-blue.svg)
![](https://img.shields.io/badge/status-stable-green.svg)
[![](http://apex.sh/images/badge.svg)](https://apex.sh/ping/)

---

> [tjholowaychuk.com](http://tjholowaychuk.com)  · 
> GitHub [@tj](https://github.com/tj)  · 
> Twitter [@tjholowaychuk](https://twitter.com/tjholowaychuk)