https://github.com/hydrocarbons/electron-react-boilerplate-2018
Ultra basic Electron React App development boilerplate ready for 2018
https://github.com/hydrocarbons/electron-react-boilerplate-2018
2018 adf babel boilerplate electron electron-app hydrocarbons react react-bootstrap react-dom reactjs webpack webpack3
Last synced: 2 days ago
JSON representation
Ultra basic Electron React App development boilerplate ready for 2018
- Host: GitHub
- URL: https://github.com/hydrocarbons/electron-react-boilerplate-2018
- Owner: HydroCarbons
- Created: 2018-02-19T23:08:48.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-04-24T01:29:13.000Z (about 7 years ago)
- Last Synced: 2025-04-14T19:21:35.489Z (2 months ago)
- Topics: 2018, adf, babel, boilerplate, electron, electron-app, hydrocarbons, react, react-bootstrap, react-dom, reactjs, webpack, webpack3
- Language: JavaScript
- Size: 202 KB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Ultra basic Electron React App boilerplate ready for 2018
Electron + React + React-Bootrstrap + Babel + WebPack with HMR (hot module replacement)
I made this boilerplate to quickly get and up running with Electron app development with React (with a dev and prod build and traspilation pipeline). You can also use react-bootstrap https://react-bootstrap.github.io/ components.
## Prepare Environment
1. **NodeJS**
``` https://nodejs.org/en/download/ ```
2. **Webpack**
``` npm install --global webpack ```
3. **Clone this repository**
``` $ https://github.com/HydroCarbons/electron-react-boilerplate-2018.git ```
4. **Switch to project***
```cd electron-react-boilerplate-2018```
5. **Install Depedencies***
``` npm install ```
## Development Environment
**Run Dev Build with HMR using DevServer**
``` npm run dev ```
it will run the build with HMR
Or, **Create a dev build**
``` npm run devbuild ```
it will create **build** folder with both background app and react app.
## Production Environment
**Run Prod Build with HMR using Electron App**
``` npm run prod ```
it will run the build with HMR
Or, **Create a Prod build**
``` npm run prodbuild ```
it will create **build** folder with both uglified build of background app and react app.
## Create Packaged App
**Build app**
``` npm run package ```
it will create **release** folder with app using **electron-builder**
## App Screenshot
## Build Pipeline
( Install Dependencies => Create Dev / Prod Build => Create Packaged App )
## License
This project is licensed under the Apache License 2.0, Copyright (c) 2018 HydroCarbons. For more information see LICENSE.md.