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
Building Desktop Applications with Node and Ele...
Search
Steve Kinney
October 23, 2015
Technology
2
660
Building Desktop Applications with Node and Electron
Steve Kinney
October 23, 2015
Tweet
Share
More Decks by Steve Kinney
See All by Steve Kinney
Introduction to Testing
stevekinney
0
100
Web Security, Frontend Masters
stevekinney
0
3.1k
Making Music with the Web Audio API, JSConf Colombia 2023
stevekinney
0
97
React and TypeScript, Turing School
stevekinney
0
330
Redux Workshop, 2021-05-05
stevekinney
2
2.1k
TypeScript and React Utility Types
stevekinney
1
200
A Gentle Introduction to GraphQL Resolvers
stevekinney
1
160
React State
stevekinney
11
10k
React State: useEffect and Custom Hooks
stevekinney
0
240
Other Decks in Technology
See All in Technology
個人から巡るAI疲れと組織としてできること - AI疲れをふっとばせ。エンジニアのAI疲れ治療法 ショートセッション -
kikuchikakeru
5
1.9k
入社したばかりでもできる、 アクセシビリティ改善の第一歩
unachang113
2
360
Introduction to Bill One Development Engineer
sansan33
PRO
0
320
都市スケールAR制作で気をつけること
segur
0
200
IaC を使いたくないけどポリシー管理をどうにかしたい
kazzpapa3
1
170
組織の“見えない壁”を越えよ!エンタープライズシフトに必須な3つのPMの「在り方」変革 #pmconf2025
masakazu178
1
1k
ECS組み込みのBlue/Greenデプロイを動かしてELB側の動きを観察してみる
yuki_ink
3
420
PostgreSQL で列データ”ファイル”を利用する ~Arrow/Parquet を統合したデータベースの作成~
kaigai
0
180
[続・営業向け 誰でも話せるOCI セールストーク] AWSよりOCIの優位性が分からない編(2025年11月21日開催)
oracle4engineer
PRO
1
140
履歴テーブル、今回はこう作りました 〜 Delegated Types編 〜 / How We Built Our History Table This Time — With Delegated Types
moznion
1
2.1k
自然言語でAPI作業を片付ける!「Postman Agent Mode」
nagix
0
150
不確実性に備える ABEMA の信頼性設計とオブザーバビリティ基盤
nagapad
4
8.6k
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
432
66k
Bash Introduction
62gerente
615
210k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
A designer walks into a library…
pauljervisheath
210
24k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Docker and Python
trallard
46
3.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Transcript
Building Desktop Applications with Node and Electron Steve Kinney —
@stevekinney EmpireNode 2015
Hi. I'm Steve
Hi. I'm Steve
None
None
None
http://turing.io
None
Electron (née Atom Shell)
Electron (née Atom Shell) A framework for building cross-platform desktop
applications with web technologies.
None
None
So, why would you want to use this Electron thing?
You want to build an application that has advanced permissions
like accessing the file system.
You want to build a small application that lives in
the user’s menubar or system tray.
You want to build an app that works well offline.
You want to be able to Command/Alt-Tab to your application.
None
None
None
None
sindresorhus/caprine
Why is Electron so super cool?
None
None
Chrome Content Module HTML5 support GPU acceleration Blink and V8
Node 4.1 Filesystem access Native modules
None
None
None
None
Electron uses a pretty modern build of Chromium.
None
None
None
None
None
The web browser lives in a kind of sandbox with
a bunch of restrictions in place in the name of security.
None
None
Ugh. Gross.
Electron applications have all of the freedom of any other
Node process.
None
None
require(…);
None
None
None
hij1nx/levelui
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
muan/mojibar
muan/mojibar
How does Electron work?
npm install -g electron-prebuilt
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Inherently, offline first.
None
None
None
None
None
None
None
None
versus
None
None
None
None
None
None
None
No good.
None
require('remote');
None
None
None
None
None
None
None
None
None
None
Building a menu
None
None
None
None
None
None
None
None
None
None
None
None
None
And more…
None
None
npm install -g electron-prebuilt
npm install menubar
None
None
npm install -g electron-packager
npm install -g electron-accelerator
npm install -g electron-compile
The Future for Electron
None
sindresorhus/awesome-electron
sindresorhus/awesome-electron
None
Thank you. Twitter, Github, and like everything else: @stevekinney Slides:
https://speakerdeck.com/stevekinney Be a mentor or hire our students: http://turing.io