View Code? Open in Web Editor NEW

React Redux Webpack boilerplate for static front-end applications.

License: MIT License

JavaScript 92.80% HTML 2.96% CSS 4.24%

react-redux-boilerplate's Introduction

React / Redux Boilerplate

Main Stack	Middleware	Unit Testing	Static Testing	Other Libraries - Tools
ReactJS	React-Router-Redux	Ava.JS	ESLint	Webpack
ReduxJS	Redux-Thunk	Sinon.JS	stylelint	Redux-Form
ImmutableJS	Redux-Logger	Enzyme		Axios
ECMAScript 6		nyc		classnames

Requirements

Open a terminal and:

Install Homebrew (if not already installed)

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Install Git (if not already installed):

brew update
brew doctor
echo 'export PATH="/usr/local/bin:/usr/local/sbin:~/bin:$PATH"' >> ~/.bash_profile

Close and reopen the terminal window.

Install Node v6.x.x (if not already installed):

brew install node

Switch to the folder you want to store this project into and clone the repository:

git clone [git-repo-url]

or use your preferred git tool to do so.

Configure npm packages:

npm install

Builds your project into the /public folder.
```
npm run build
```
Builds your project into the /public folder with debug mode.
```
npm run build:debug
```
Launches Browsersync which will start your project in the default browser.
```
npm run start
```
Runs static type checking both on JS and SCSS.
```
npm run lint
```
Runs static type checking on JS.
```
npm run eslint
```
Runs static type checking on SCSS.
```
npm run stylelint
```
Runs the unit tests under /test directory.
```
npm run test
```
Launches a local server that will run the unit tests every time code changes are made.
```
npm run test:watch
```
Runs the unit tests and the code coverage ( it outputs the results both in console and in html under /coverage directory).
```
npm run coverage
```
Launches a local server that will run the unit tests and the code coverage every time code changes are made.
```
npm run cover:watch
```
Runs a check on the code coverage , if the any of the percentages are below the limits this command will fail.
```
npm run check-coverage
```
Cleans your project.
```
npm run clean
```