https://github.com/wearepush/push-starter
React Redux Starter with SSR 🤖
https://github.com/wearepush/push-starter
enzyme express heroku jest react react-router-v5 redux redux-saga universal webpack-universal webpack5
Last synced: 9 months ago
JSON representation
React Redux Starter with SSR 🤖
- Host: GitHub
- URL: https://github.com/wearepush/push-starter
- Owner: wearepush
- License: mit
- Created: 2017-03-30T13:20:49.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T02:30:53.000Z (almost 3 years ago)
- Last Synced: 2024-04-18T07:13:11.046Z (over 1 year ago)
- Topics: enzyme, express, heroku, jest, react, react-router-v5, redux, redux-saga, universal, webpack-universal, webpack5
- Language: JavaScript
- Homepage: https://push-starter.herokuapp.com
- Size: 16.3 MB
- Stars: 42
- Watchers: 4
- Forks: 9
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Contributing: docs/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React Redux Styled Hot Universal
React boilerplate, used best practices and focus on performance
[](https://travis-ci.org/wearepush/push-starter)
---
---
## [Live Demo](https://push-starter.herokuapp.com) :eyes:
## About
The starter boilerplate includes the following technologies:
| Technology | Description |
|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------|
| [Node 16.0.0 LTS](https://nodejs.org/en/) | Node |
| [Redux Dev Tools](https://github.com/zalmoxisus/redux-devtools-extension) | Redux Dev Tools |
| [React 17](https://github.com/facebook/react) | JavaScript library for building user interfaces |
| [React Router 6](https://github.com/ReactTraining/react-router) | React Router is a complete routing library for React |
| [Babel](http://babeljs.io) | Babel is a JavaScript compiler |
| [Webpack 5](http://webpack.github.io) | Module bundler |
| [Universal Webpack](https://www.npmjs.com/package/universal-webpack) | Helps setting up universal Webpack build: the one that's working both on client and server |
| [Redux](http://redux.js.org/) | Redux is a predictable state container for JavaScript apps |
| [React Router Redux](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux) | Simple bindings to keep react-router and redux in sync |
| [ESLint](http://eslint.org) | The pluggable linting utility for JavaScript and JSX |
| [Include-media](https://eduardoboucas.github.io/include-media/) | Sass library for writing CSS media queries in an easy and maintainable way |
## Installation
```bash
rm -rf node_modules
npm install
```
## Running Prod Server
```bash
npm start
```
## Running Dev Server
```bash
npm run dev
```
## Running Tests
```bash
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 NPM_CONFIG_PRODUCTION=false`
4. `heroku config:set SSL=true`
5. `heroku config:set GOOGLE_ANALITICS_ID=UA-xxxxxxxxx-x` (optional)
## Docker
Run container
```bash
docker-compose up -d
```
Build an image
```bash
docker build -t wearepush/push-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](docs/CONTRIBUTING.md).