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

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

2019 adf babel boilerplate-application boilterplat hydrocarbons javascript react react-bootstrap react-dom react-router webpack3

Last synced: 12 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/hydrocarbons/basic-react-router-boilerplate
• Owner: HydroCarbons
• License: mit
• Created: 2019-03-09T20:06:00.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T15:14:24.000Z (about 2 years ago)
• Last Synced: 2024-10-30T08:55:48.133Z (2 months ago)
• Topics: 2019, adf, babel, boilerplate-application, boilterplat, hydrocarbons, javascript, react, react-bootstrap, react-dom, react-router, webpack3
• Language: JavaScript
• Size: 1010 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Ultra basic boilerplate ready for 2019

React + React-Bootrstrap + React-rouetr + 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-router-boilerplate.git ```

4. **Switch to project***

```cd basic-react-router-boilerplate8```

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-router-boilerplate/blob/master/docs/app.png)

## Build Pipeline

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

## License

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