Project template for Electron with React support.
This template provides the following features pre-configured and ready to be developed with:
- Prebuilt version of Electron (former Atom Shell)
- React support (es6)
- Font Awesome
- LESS support
Additional features for development:
- Grunt tasks
- Compiling LESS stylesheets
- Compiling and bundling React components
- Change watching and live reload of the content
- Bower settings
- Useful NPM scripts
Default template also provides basic application menu integration for Windows and OS X, together with navigation to demo Routes (React Router) by means of application menu items and cross-process messaging support provided by Electron shell.
bower install
npm installDevelopment
gruntRelease
grunt distYou may want running this task on a separate terminal or command prompt instance:
grunt serveFor development purposes index.html already contains reference to live reload scripts. Every time React components, less stylesheets or other web-related files are changed the application will be automatically rebuilt and reloaded.
<script src="http://localhost:35729/livereload.js"></script>You may want running this task on a separate terminal or command prompt instance:
On Windows:
npm run winOn OS X:
npm run osxThis command will launch a prebuilt version of Electron with the current project. During development process it is recommended running Live Reload feature prior to using Electron.
- Run
bower installandnpm install - Run
grunt serveon a separate terminal tab (or command prompt) to build the project and start watching files automatically - Run
npm run winornpm run osxon a separate terminal tab (or command prompt) to run Electron with the current project - Start changing or adding the code, it will be automatically rebuilt on background and your Electron window will reload once rebuilding is complete