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 1.0 at GitHub Satellite, Amsterdam 2016
Search
Jessica
May 11, 2016
Technology
0
110
Electron 1.0 at GitHub Satellite, Amsterdam 2016
Electron background plus the Electron 1.0 launch!
Jessica
May 11, 2016
Tweet
Share
More Decks by Jessica
See All by Jessica
Building up the Electron Project: Team & Community Engineering
jllord
0
130
Scale Down, People Up
jllord
3
240
OMG Spreadsheets
jllord
0
180
Render 2017
jllord
0
160
Electron: A Tale of Two Processes
jllord
0
300
Nativize is the new Normalize
jllord
5
550
Electron — GitHub Universe 2015
jllord
0
140
Git-it, Share it
jllord
1
500
Other Decks in Technology
See All in Technology
開発者の定量・定性データを組み合わせて開発者体験を把握するための取り組み
ham0215
1
130
実務における脅威モデリングを考えよう
nikinusu
0
630
Segment Anything Model 2
tenten0727
3
700
フルカイテン株式会社 採用資料
fullkaiten
0
32k
LINEヤフーのフロントエンド組織・体制の紹介
lycorp_recruit_jp
1
1.2k
Google CloudのLLM活用の選択肢を広げるVertex AIのパートナーモデル
nayuts
0
130
Functional TypeScript
naoya
11
4.8k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
46k
チームビルディングは"感性"で向き合おう / Team Building with Awareness
kohzas
0
260
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
1.4k
効果的なオンコール対応と障害対応
ryuichi1208
6
3.1k
言葉は感情の近似値である。その感情と言葉の誤差を最小化しよう ~コミュニケーションにおけるアナログ/デジタル変換の課題に立ち向かう~
nktamago
0
230
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
157
8.2k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
The Invisible Side of Design
smashingmag
296
50k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Being A Developer After 40
akosma
84
590k
Unsuck your backbone
ammeep
667
57k
Transcript
How people build software ! ELECTRON GitHub Satellite, Amsterdam 2016
How people build software " Hello Satellite! Jessica Lord Engineer
at GitHub on Electron 2 "
How people build software " Electron Framework for building cross
platform desktop applications with web technologies. 3
How people build software " A foundation for Atom GitHub
needed a tool to build our text editor Atom on—with JavaScript, HTML and CSS. 4 #
How people build software " Open source When Atom launched
it open sourced everything, including Electron, then called Atom Shell. 5 $
How people build software " Built on Electron Since its
release 2 years ago many companies and developers have built projects with Electron. 6 %
How people build software " Electron downloads 7 "
How people build software " Built on Electron 8 "
How people build software " Built on Electron 9 "
Microsoft Visual Studio Code
How people build software " Built on Electron 10 "
Brave
How people build software " Built on Electron 11 "
How people build software " Built on Electron 12 "
Wordpress
How people build software " Built on Electron 13 "
WhatsApp
How people build software " Tools for Electron Modules written
by the community are downloaded tens of thousands of times a month. 14 &
How people build software " Community Over 300 people have
contributed to Electron itself, not to mention the community packages. 15 '
How people build software " Electron features Electron enables you
to build your app once, package and ship it to three platforms. 16 "
How people build software " Chromium & Node.js Electron combines
Chromium’s rendering library with the full Node.js API into a single runtime with one V8. 17 "
How people build software " 18 ( " CHROME •
Use great Chrome features like CSS variables. • Use the latest Chrome releases. Design and code for one browser
How people build software " 19 ) " NODE.JS •
The full Node.js API is available in Electron. • File system, sockets, child processes. Native code optional
How people build software " 20 " Node.js in every
context <script>document.write(process.versions.node)</script>
How people build software " 21 " Node.js in every
context <script> require(‘./app.js’) </script>
How people build software " 22 # " NPM •
Use any of the 200,000 npm packages in your app. • 800 electron specific packages. Native code optional
How people build software " 23 * " V8 •
Use over 90% of ES6 without a compiler. • Use C++ extensions when needed. Design and code for one browser
How people build software " 24 + " THREE PLATFORMS
• Electron apps work on Mac, Windows and Linux. • Electron has an ARM distribution. Build once, ship three places
How people build software " 25 % " INSTALLERS AND
AUTO UPDATER • Electron includes Windows installers. • Auto update is available for Windows and Mac. Build once, ship three places
How people build software " How Electron works Each of
the two processes has the full Node.js API and interprocess communication between the two. 26 ,
How people build software " Main Process The lifecycle of
your app, the heavy lifter. 27 ♥
How people build software " Renderer Process The webpage. 28
.
How people build software " Electron’s two processes 29 "
ipc ipc Communicates Node.js API DOM Renderer Main Web Page Creates App Electron API Node.js API Electron API
How people build software " Electron API modules 30 "
BROWSER WINDOW DIALOG CLIPBOARD DESKTOP CAPTURER GLOBAL SHORTCUT MENU POWER SAVE BLOCKER TRAY and more…
How people build software " Electron’s two processes 31 "
Renderer Main Web Page App Renderer Renderer Renderer
How people build software " That’s great! Electron has been
useful for many teams, it has an active community and we all get how to use it now. 32 /
How people build software " 33
How people build software " Electron 1.0 Today we’re shipping
Electron 1.0 along with new Electron learning and development tools. 34 0
How people build software " API 1.0 API stability and
maturity. Chromium 49. Node 5.10.0. Mac App Store. 35 ⚡
How people build software " API 1.0 New APIs for
protocol, touch and swipe events, system preferences (and more). 36 ⚡
How people build software " API Demos An Electron application
demoing Electron APIs with sample code you can re-use. 37 "
How people build software " 38
How people build software " Play along Use sample code
and the Quick Start app to build an app or add a new demo, the app is open source. 39 '
How people build software " electron.atom.io/#get-started Visit the website and
download the latest release. 40 "
How people build software " Devtron A Chrome DevTools extension
for inspecting your Electron app dependencies and processes. 41 "
How people build software " Event inspector 42 "
How people build software " Require graph 43 "
How people build software " Linter 44 "
How people build software " IPC monitor 45 "
How people build software " electron.atom.io/devtron Open source in the
Electron organization on GitHub. 46 "
How people build software " Spectron Write integration tests for
you Electron app. Built on top of ChromeDriver and WebDriverIO. 47 "
How people build software " 48
How people build software " electron.atom.io/spectron Open source in the
Electron organization on GitHub. 49 "
How people build software " Documentation The new and improved
electron.atom.io site. 50 "
How people build software " 51
How people build software " 52
How people build software " 53
How people build software " 54
How people build software " Build an app! It’s easier
than you think—if you can build a website, you can build a desktop app. 55 "
How people build software " Electron Team 56 " @ZCBENZ
@KEVINSAWICKI @JLORD @ZEKE Here! Here! @SIMURAI @IOLSEN Here!
How people build software " 57 ELECTRON.ATOM.IO