Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gabrieljmj/r7su

Creates a boilerplate for my personal React projects
https://github.com/gabrieljmj/r7su

boilerplate react react-redux setup webpack

Last synced: about 2 months ago
JSON representation

Creates a boilerplate for my personal React projects

Awesome Lists containing this project

README

        

r7su
====
## Installation

```bash
$ npm install -g r7su
```

## Usage

```bash
$ mkdir project
$ cd project
$ r7su
```

## Files and directories structure

```
├──app/
│ ├──actions/
│ ├──components/
│ │ ├──containers/
│ │ ├──views/
│ ├──reducers/
│ ├──app.js
├──public/
│ ├──css/
│ ├──js/
│ ├──images/
├──.editorconfig
├──.gitignore
├──index.html
├──package.json
├──webpack.config.js
```

## Installed packages

> [**yarn**](https://yarnpkg.com) is required to install packages.

### Dev
* [```webpack```](https://npmjs.com/package/webpack)
* [```babel-core```](https://npmjs.com/package/babel-core)
* [```babel-loader```](https://npmjs.com/package/babel-loader)
* [```babel-preset-es2015```](https://npmjs.com/package/babel-preset-es2015)
* [```babel-preset-react```](https://npmjs.com/package/babel-preset-react)
* [```style-loader```](https://npmjs.com/package/style-loader)
* [```css-loader```](https://npmjs.com/package/css-loader)
* [```extract-text-webpack-plugin```](https://npmjs.com/package/extract-text-webpack-plugin)

### Prod
* [```react```](https://npmjs.com/package/react)
* [```react-dom```](https://npmjs.com/package/react-dom)
* [```react-route```](https://npmjs.com/package/react-route)
* [```redux```](https://npmjs.com/package/redux)
* [```react-redux```](https://npmjs.com/package/react-redux)