Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Electron
Search
Eugene Oskin
January 20, 2018
Programming
0
42
Electron
Eugene Oskin
January 20, 2018
Tweet
Share
More Decks by Eugene Oskin
See All by Eugene Oskin
REST API. Django, Ruby on Rails, Play! Framework
evgeneoskin
0
88
Introduction to gRPC
evgeneoskin
0
97
GrailInventory – Advanced Backend Development
evgeneoskin
0
35
Bracing Calculator
evgeneoskin
1
66
emotional intelligence, part 2
evgeneoskin
0
38
Office temperature
evgeneoskin
0
33
Parse platform
evgeneoskin
0
100
Hubot
evgeneoskin
0
50
An introduction to iOS development
evgeneoskin
0
42
Other Decks in Programming
See All in Programming
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1k
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
ニーリーにおけるプロダクトエンジニア
nealle
0
490
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
360
Create a website using Spatial Web
akkeylab
0
300
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
310
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
190
C++20 射影変換
faithandbrave
0
530
Is Xcode slowly dying out in 2025?
uetyo
1
190
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
430
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
150
GraphRAGの仕組みまるわかり
tosuri13
8
480
Featured
See All Featured
Scaling GitHub
holman
459
140k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
How STYLIGHT went responsive
nonsquared
100
5.6k
Practical Orchestrator
shlominoach
188
11k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Transcript
Goedendag, Electron
Plan • Desktop App Development Problems? • Electron solutions •
Electron Problems
Desktop App Development Problems?
Desktop App Development Problems? • Cross platform • Installers •
Deliver • Testing
Desktop App Development Problems? • Cross platform? ◦ Cross compiling
(Qt and others) ◦ Java (Virtual) Machine ◦ Go
Desktop App Development Problems? • Installers ◦ UI: Windows, Mac
◦ Configure it
Desktop App Development Problems? • Deliver ◦ Stores ◦ Download
page ◦ Package managers ◦ AppDater?
Desktop App Development Problems? • Testing ◦ Behave Testing?
Electron solutions
Electron solutions • Cross platform • Installers • Deliver •
Testing
Electron solutions • Cross platform ◦ NodeJS + Chromium ◦
Native module requires rebuilding ▪ ./node_modules/.bin/electron-rebuild ◦ tray+menu out of the box ◦ Native UI? (try photonkit)
Electron solutions • Installers ◦ electron-builder ◦ electron-packager
Electron solutions • Deliver ◦ Stores ◦ Download page ◦
Package managers ◦ AutoUpdates with Squirrel (Window, MacOS) ▪ It requires backend (electron-release-server or github)
Electron solutions • Testing ◦ Spectron ◦ Karma
Electron Problems • Architecture (main process and renderers ) •
NodeJS in browser • IpcRenderer ↔ IpcMain with JSON ◦ Main process manages renderers • Desktop apps are complex…
Electron Problems • Binary size >= 100Mb, reducing requires recompiling
Chromium • JS boilerplate code • Frontend frameworks
Summary
Summary • Desktop App Development Problems • Electron solutions •
Electron Problems
References • http://electron.atom.io/docs/ • https://github.com/atom/atom/ • https://github.com/sindresorhus/awesome-electron • https://github.com/chentsulin/electron-react-boilerpl ate
• http://photonkit.com/ • https://github.com/maxogden/menubar