Awesome Open Source
Awesome Open Source

React Redux Styled Hot Universal

React boilerplate, used best practices and focus on performance

Build Status Dependency Status devDependency Status


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:

  1. Add heroku heroku git:remote -a heroku-app-name
  2. heroku config:set NODE_ENV=production
  3. heroku config:set SSR=1
  4. heroku config:set SSL=1
  5. heroku config:set NPM_CONFIG_PRODUCTION=false
  6. heroku config:set NODE_MODULES_CACHE=false
  7. 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.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,032
react (5,155
redux (1,150
express (472
jest (266
heroku (204
webpack4 (111
universal (107
isomorphic (104
css-modules (72
react-router-v4 (63
enzyme (41
redux-form (21

Find Open Source By Browsing 7,000 Topics Across 59 Categories