Skip to content

A complete React boilerplate for developing, building and packaging both a web and electron application. Comes with Redux and a basic React Semantic UI example login and landing page.

Notifications You must be signed in to change notification settings

MikeyFriedChicken/react-electron-web-boilerplate

Repository files navigation

React Electron & Web Boilerplate

  • This boilerplate out the box will allow you to develop and build your react application both as a web based application as well as an Electron app.
  • Straight off you will be able to build, and package the application producing a ready to go windows executable. Of course you can package for mac os, linux etc as well.
  • A sample login and landing page written using Semantic UI React is included showing how to use redux and redux-thunk, and the corresponding actions, reducers. Included is sample service/api the actions can talk to.
  • Included is a 'SecureRoute' wrapper which checks if the user is logged in before rendering the secure page.
  • The boiler plate comes with the routing history wired up to redux.
  • The folder structure shows how to reasonably seperate containers (connected components) from normal react components.

Sample main page from boilerplate

alt text

Sample login page from boilerplate

alt text

Installation

To install all the packages run either:

$ yarn

or

$ npm install

Running the source for web

To run in a browser using the webpack dev server in development mode

$ npm start

Running the source using Electron

To run a production build

$ npm run electron-prod

To run a development build

$ npm run electron-dev

Building the source for the web

To build for production

$ npm run build

To make a development build

$ npm run build-dev

Building the source for Electron

To build for production

$ npm run electron-build

Packaging the electron build for Windows

To package the production electron build produced from running (above) 'npm run electron-build'

$ npm run electron-package

The output binaries can be found in electron/package/react-electron-web-boilerplate-win32-ia32

About

A complete React boilerplate for developing, building and packaging both a web and electron application. Comes with Redux and a basic React Semantic UI example login and landing page.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published