/electron-react-webpack-quick-start

A minimal, cross-platform Electron application with ES2015, React, SCSS, and Webpack. Set breakpoints and debug the main process with Visual Studio Code.

Primary LanguageJavaScript

electron-react-webpack-quick-start

A minimal, cross-platform Electron application with React for views and Webpack. Set breakpoints and debug the main process with Visual Studio Code. ES6/ES2015 support using Babel.

Image

To Build and Run via CLI

# Clone this repository
git clone https://github.com/jogleasonjr/electron-react-webpack-quick-start
# Go into the repository
cd electron-react-webpack-quick-start
# Install dependencies and run the app
npm install && npm run dev

Hot Reloading

To watch for local changes and trigger automatic refresh, run these two commands in separate console windows:

# Run in console window 1
npm run watch
# Run in console window 2
npm run dev

To Build and Run in Visual Studio Code

In Visual Studio Code, pressing Ctrl-Shift-B (Windows) or Cmd-Shift-B (OSX) will build and bundle the application, and pressing F5 will debug the application. Make sure you have the proper OS selection in the VS Code's Debug View.

Image

Next Steps

Learn more about Electron and its API in the documentation.

Learn more about React and JSX components here.

License

MIT