Electron

Native Apps with Node.js

Agenda

  • You & Me

  • What is Electron?

  • How does Electron work?

  • From /src to doubleclick

  • pro / contra / experiences

Who are you?

What is Electron?

Only One

  • Browser

  • Language

  • UI / UX 

  • Can you guess an app?

How does Electron work?

Code, please!

Main Process

Renderer 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
renderer.js
ipcMain
ipcRenderer

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

Build and Deploy

pro / contra / experiences

So long,

and thanks for all the fish! :)

 

In doubt, it's 42, trust me...

 

Contact me:

info@kjell-otto.de / https://twitter.com/kjellski

All the links:

Made with Slides.com