Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Building Desktop Applications with Node and Ele...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Steve Kinney
October 23, 2015
Technology
670
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Building Desktop Applications with Node and Electron
Steve Kinney
October 23, 2015
Transcript
150 slides
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
More Decks by Steve Kinney
See All by Steve Kinney
Enterprise UI, v2
stevekinney
0
330
React_Performance__2022.pdf
stevekinney
0
56
React Performance v2
stevekinney
0
99
Introduction to Testing
stevekinney
0
210
Web Security, Frontend Masters
stevekinney
0
4.5k
Making Music with the Web Audio API, JSConf Colombia 2023
stevekinney
0
150
React and TypeScript, Turing School
stevekinney
0
400
Redux Workshop, 2021-05-05
stevekinney
2
2.3k
TypeScript and React Utility Types
stevekinney
1
250
Other Decks in Technology
See All in Technology
ゼロから作るWebアプリの新定番!?Amplify Gen 2 × AWS Blocksで実現する「開発速度とRDBの柔軟性のいいとこ取り」
amixedcolor
1
250
田んぼから始まる挑戦 〜新米農家の1年目〜
miu_crescent
PRO
0
220
AWS基盤改善を支える 私たちの理念と行動指針
kentosuzuki
0
200
LLM 基盤と kagent v0 を全部 k8s に入れてみた / Deploy both LLM and kagent v0 in k8s
kota2and3kan
0
180
Biohub - Cell Tracking During Development 5th place solution
rist
0
140
Kiro Web 入門 (サインインから、頼み方、PR の受け取り、クラウドの決まりまで) | 目指せ Kiro マスター 04
inariku
PRO
2
100
農夫は秘伝のタレを知らない - NOBODY KNOWS THE HIDDEN SOURCE - Kaggriculture 3rd Place Solution
masspeaks
0
260
生成AI時代のIAMのマニアックな話
takuros
6
3.2k
Kiro CLI 入門 (ターミナルと CI で使う) | 目指せ Kiro マスター 03
inariku
PRO
2
140
Go初心者のクラウドエンジニアが、デプロイを通して旨味を知っていく話
ryudai
1
200
Active Directory と Entra ID のむむむな関係
murachiakira
PRO
4
1.8k
Kiro アップデート 2026 年 11 月号 (11 月 8 日時点) | 目指せ Kiro マスター アップデート編
inariku
PRO
2
110
Featured
See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
660
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Raft: Consensus for Rubyists
vanstee
143
7.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
70
69k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
690
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
480