Skip to content

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

Notifications You must be signed in to change notification settings

jogleasonjr/electron-react-webpack-quick-start

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published