lipeprado / rr-prod

A React Redux Boilerplate for production

React Redux Boilerplate

Features

React - A flexible JavaScript library for building user interfaces.

Redux - Redux is a predictable state container for JavaScript apps.

redux thunk - Thunk middleware for Redux

Webpack - A Module Bundle

Eslint - he pluggable linting utility for JavaScript and JSX

Sass | Scss | Css - CSS with superpowers

Es6 - New Features with es6

styled-components - Style your apps without stress.

Jest - Delightful JavaScript Testing

Enzyme - JavaScript Testing utilities for React.

Setup

1. Get the source code

$ git clone -b master https://github.com/lipeprado/rr-prod <your-app>
$ cd <your-app>

You will probably want to remove ARc git history and start a brand new repository:

$ rm -rf .git
$ git init

2. Install dependencies

$ npm install

3. Run the app

$ npm run dev

It will start the development server with HMR on top of it.

http://localhost:3000 — Development server

Now you can open http://localhost:3000 in browser and start developing.

4. Run the tests

Just run tests:

$ npm run test

Run coverage

$ npm run coverage

5. Run Build Production

Run env "Production"

$ npm run env:prod

Run Build Production

$ npm run build

Let's Code.