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

Ultra basic boilerplate for React, react-bootstrap, babel and webpack ready for 2018
https://github.com/hydrocarbons/basic-react-boilerplate-2018

2018 adf babel boilerplate boilerplate-application boilterplate hydrocarbons modern react react-boilerplate react-bootstrap react-dom webpack webpack3

Last synced: 4 months ago
JSON representation

Ultra basic boilerplate for React, react-bootstrap, babel and webpack ready for 2018

• Host: GitHub
• URL: https://github.com/hydrocarbons/basic-react-boilerplate-2018
• Owner: HydroCarbons
• Created: 2018-02-17T18:00:50.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-18T00:15:18.000Z (over 7 years ago)
• Last Synced: 2025-01-16T22:20:12.303Z (5 months ago)
• Topics: 2018, adf, babel, boilerplate, boilerplate-application, boilterplate, hydrocarbons, modern, react, react-boilerplate, react-bootstrap, react-dom, webpack, webpack3
• Language: JavaScript
• Homepage:
• Size: 579 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## Ultra basic boilerplate ready for 2018

React + React-Bootrstrap + Babel + WebPack with hot module replacement

I made this boilerplate to quickly get and up running with React 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/basic-react-boilerplate-2018.git ```

4. **Switch to project*** 

```cd basic-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/basic-react-boilerplate/blob/master/docs/app.png)

## Build Pipeline

![Build Pipeline](https://github.com/HydroCarbons/basic-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.