https://github.com/hydrocarbons/redux-react-boilerplate-2018

Redux enabled boilerplate for React, react-bootstrap, babel and webpack ready for 2018
https://github.com/hydrocarbons/redux-react-boilerplate-2018

2018 adf babel boilerplate hydrocarbons modern react react-boilerplate react-bootstrap react-dom redux stage-2 webpack

Last synced: 11 months ago
JSON representation

Redux enabled boilerplate for React, react-bootstrap, babel and webpack ready for 2018

• Host: GitHub
• URL: https://github.com/hydrocarbons/redux-react-boilerplate-2018
• Owner: HydroCarbons
• Created: 2018-02-17T23:48:52.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-18T00:26:49.000Z (over 8 years ago)
• Last Synced: 2025-04-14T19:21:34.238Z (about 1 year ago)
• Topics: 2018, adf, babel, boilerplate, hydrocarbons, modern, react, react-boilerplate, react-bootstrap, react-dom, redux, stage-2, webpack
• Language: JavaScript
• Size: 568 KB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## A redux enabled react app boilerplate (2018)

React + Redux + React-Bootrstrap + Babel + WebPack + Stage-2 with hot module replacement

And a basic ToDo App 

I made this **redux** and **stage-2** enabled boilerplate to quickly get and up running with React+Redux programming with a dev and prod build and traspilation pipeline. You can also use react-bootstrap https://react-bootstrap.github.io/ components.

## Prepare

1. **NodeJS**  

``` https://nodejs.org/en/download/ ```

2. **Webpack**

``` npm install --global webpack ```

3. **Clone this repository**

``` $ https://github.com/HydroCarbons/redux-react-boilerplate-2018.git ```

4. **Switch to project***

```cd redux-react-boilerplate-2018```

5. **Install Depedencies***

``` npm install ```

## Development Environment

1. Start

```

 npm start

```

2. App running in your broswer

```

 http://localhost:8081

```

## Production Environment

1. Create build

```

  npm run build

```

2. On successful completion, 'dist' folder will be created with app files.

```

1. bundle.js

2. bundle.js.map

3. .png << Application Icon

4. index.html

```

## App

### Go to App

![Alt text](https://github.com/HydroCarbons/redux-react-boilerplate-2018/blob/master/docs/app.png)

## Build Pipeline

![Build Pipeline](https://github.com/HydroCarbons/redux-react-boilerplate-2018/blob/master/docs/workflow.png)

## License

This project is licensed under the Apache License 2.0, Copyright (c) 2018 HydroCarbons. For more information see LICENSE.md.