React Redux Styled Hot Universal
React boilerplate, used best practices and focus on performance
About
The starter boilerplate includes the following technologies:
Technology | Description |
---|---|
Node 8.9.1 LTS | Node |
Redux Dev Tools | Redux Dev Tools |
React Hot Loader 3 | Tweak React components in real time |
React | JavaScript library for building user interfaces |
React Router | React Router is a complete routing library for React |
Babel | Babel is a JavaScript compiler |
Webpack | 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 |
Redux Immutable | Redux & Immutable integration |
React Router Redux | Simple bindings to keep react-router and redux in sync |
ESLint | The pluggable linting utility for JavaScript and JSX |
Installation
npm install
Running Dev Server
npm run dev
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.