React Redux Boilerplate

A boilerplate built with react & redux to spin up fantastic micro apps.

Features

React, Redux, Webpack, PostCSS, Babel 6, npm scripts ...

Installation

$ git clone https://github.com/ezekielchentnik/react-redux-boilerplate.git
$ npm install && npm start

Development

$ npm start

The Webpack dev server will run on localhost:4080.

Build

$ npm run build

Testing

$ npm test

$ npm test:watch

Linting

$ npm run lint

Structure

├── dist                    # built dist
│   └── css                 
│   └── images              
│   └── js                  
│   └── index.html          
├── src                     # source
│   └── css                 # css/sass, compiled w/postcss
│   └── images              # .png,.svg,.gif optimized w/webpack
│   └── js                  # react/redux source
│     ├── actions           # redux actions, w/thunk
│     ├── components        # react components
│     ├── constants         # constants
│     ├── containers        # containers
│     ├── reducers          # reducers
│     ├── selectors         # selectors, using reselect
│     ├── store             # store, w/devtools & prod config
│     ├── utils             # utilities/helpers, support immatable
│     └── index.js          # app entry
│   └── index.html          # app shell
├── test                    # tests
│   └── *.js                # specs
│   └── setup.js            # jsdom config
├── .babelrc                # babel config
├── .eslintrc               # eslint config
├── .gitignore              # git config
├── devServer.js            # webpack/express dev server
├── LICENSE                 # license info
├── package.json            # npm
├── README.md               # installation, usage
├── webpack.config.dev.js   # config for dev, hot loading, devtools, etc.
└── webpack.config.prod.js  # config for prod, minification, etc.

Tech stack

• React
• Redux
• reselect
• isomorphic-fetch
• Webpack
• immutable
• redux-thunk
• keyMirror
• express
• postcss
• Babel
• ESLint
• mocha

License

MIT