18
We're all desktop app developers now

We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

We're all desktop app developers now

Page 2: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

Kilian Valkhof

polypane.app

browser for developers and designers

Page 3: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common
Page 4: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

Desktop app development was ҩ

Page 5: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

Desktop app development was ҩҩ

Page 6: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

Desktop app development was ҩҩҩ

Page 7: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

We'll fix it with web technologies

Page 8: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common
Page 9: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common
Page 10: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

Page 11: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

widespread adoption

Used by Slack, Skype, Atom, VS code & thousands more

Page 12: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common
Page 13: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

How Electron works

Two processes:

Main process

Renderer process

Page 14: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common
Page 15: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common
Page 16: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

That's a bit abstract...

Page 17: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

DEMO TIME

Fronteers day 2 schedule

Page 18: We're all desktop app developers now · Electron main process modules main. js Common tasks: Create Renderer Processes Call native elements Start and quit app . Renderer Process Common

more:

electronjs.org

electronjs.org/fiddle

about me

kilianvalkhof.com

polypane.app

@kilianvalkhof