What is Electron?

Source: http://jlord.us/essential-electron/imgs/components.png

Only One

• Browser

• Language

• UI / UX 

• Can you guess an app?

How does Electron work?

Code, please!

Main Process

• Created by main.js with 'electron'

• Can be any client side JS

• Often a SPA, for example React + Redux 

• Main entry point of NodeJS App

• Is really just a NodeJS app

• Recommendation:
  Do all things 'Node' here

Main Process

Renderer Process

main.js

Inter Process Communication

Examples:

• Windows

• Menus

• Native User Interface

• Communication

• System

• Media

From /src to doubleclick

How to get the most out of it?

boilerplate

• Find a good boilerplate and make it your own

• github.com/sindresorhus/awesome-electron#boilerplates

• invest here, it really pays off

• native modules with gyp and ninja

Build and Deploy

• electron-builder

• autoUpdater

• Enter Squirrel