Electron / React / Typescript boilerplate project

Slim template for desktop apps using:

• Electron
• Typescript
• React
• Styled Components
• Webpack
• React Fast Refresh

Before anything

As always, install packages. Open a terminal in the project root folder and run:

$ npm install

During development

Start the app in development mode (with hot reload).

Run:

$ npm start

It will launch webpack dev server and electron concurrently. It has fast refresh (AKA hot-reload) enabled by default.

Start app in production mode (without hot reload).

Run:

$ npm run start:prod

Testing

Run:

$ npm test

This templated uses Jest (along with Ts-Jest) as testing framework.

Deploy

Just run:

$ npm run pack

and the output will available in the ./pack folder.