React Redux Styled Hot Universal

React boilerplate, used best practices and focus on performance

Live Demo 👀

About

The starter boilerplate includes the following technologies:

Technology	Description
Node 10.15.1 LTS	Node
Redux Dev Tools	Redux Dev Tools
React Hot Loader 4	Tweak React components in real time
React 16	JavaScript library for building user interfaces
React Router 4	React Router is a complete routing library for React
Babel	Babel is a JavaScript compiler
Webpack 4	Module bundler
Universal Webpack	Helps setting up universal Webpack build: the one that's working both on client and server
Redux	Redux is a predictable state container for JavaScript apps
React Router Redux	Simple bindings to keep react-router and redux in sync
ESLint	The pluggable linting utility for JavaScript and JSX

Installation

rm -rf node_modules
npm install

Create dev environment

mv .env.example .env

Running Dev Server

npm run dev

Create production environment

mv .env.production.example .env.production

Running Prod Server

npm run prod

Running Tests

npm run test

Deployment on Heroku

To get this project to work on Heroku, you need to:

Add heroku heroku git:remote -a heroku-app-name
heroku config:set NODE_ENV=production
heroku config:set SSR=1
heroku config:set SSL=1
heroku config:set NPM_CONFIG_PRODUCTION=false
heroku config:set NODE_MODULES_CACHE=false
heroku config:set GOOGLE_ANALITICS_ID=UA-xxxxxxxxx-x (optional)

Docker

Run container

docker-compose up -d

Build an image

docker build -t wearepush/redux-starter .

Contributing

We are more than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :) If you would like to submit a pull request, please make an effort to follow the guide in CONTRIBUTING.md.