React boilerplate, used best practices and focus on performance
Live Demo ๐
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 |
rm -rf node_modules
npm install
mv .env.example .env
npm run dev
mv .env.production.example .env.production
npm run prod
npm run test
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)
Run container
docker-compose up -d
Build an image
docker build -t wearepush/redux-starter .
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.