Upgrade to Pro — share decks privately, control downloads, hide ads and more …

10 things to know about Electron

Avatar for Kevin Sawicki Kevin Sawicki
April 23, 2016
Technology
530
1

10 things to know about Electron

Presented at DevPulseCon on April 23rd, 2016.

http://devpulsecon.squarespace.com

Avatar for Kevin Sawicki

Kevin Sawicki

April 23, 2016

More Decks by Kevin Sawicki

See All by Kevin Sawicki
Electron 1.0
Avatar for Kevin Sawicki kevinsawicki
1
370
Testing your Electron apps with ChromeDriver
Avatar for Kevin Sawicki kevinsawicki
4
17k
The History of Electron
Avatar for Kevin Sawicki kevinsawicki
4
9.2k
Atom: 10 things to know about your new text editor
Avatar for Kevin Sawicki kevinsawicki
2
1.3k
Atom: your text editor for the next 50 years
Avatar for Kevin Sawicki kevinsawicki
0
180

Other Decks in Technology

See All in Technology
2027年のMetricKit
Avatar for Kanta Oikawa kantacky
0
160
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
12
85k
AI時代に、人は何を、どう学ぶのか #pbl_pub / What and How Do We Learn in the AI Era?
Avatar for TAKAKING22 takaking22
1
240
Kiro Crew で始める マルチエージェント開発
Avatar for Kazuki Miura miu_crescent
PRO
0
170
長期運営で肥大化したExcelマスターデータの解消に向けた移行事例
Avatar for gree_tech gree_tech
PRO
0
350
【Aiming】共通基盤なのに「共通化しない」課金・認証基盤「LINK」が選び取ったシングルテナント戦略と運用の秘訣
Avatar for sikeda saikeda
0
170
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
9.4k
型落ちシンクライアント端末のPoEモジュールを自作したかった話
Avatar for Takuto Nagami logica0419
0
380
VLMで2.3万枚のPyCon JP写真を検索！
Avatar for Manabu TERADA terapyon
1
410
暗号化？某ファイルストレージはどうなるの！？ 3rd Partyとうまく付き合う秘密度ラベル設計
Avatar for Kaz Asada | しがない情シス kasada
0
160
トークンマネジメントでAIにとって働きやすい環境を実現する
Avatar for hikae hikaruegashira
0
140
アクセスキーが漏れた日にやるべきこと- 無効化の先にある本当の対応
Avatar for kazzpapa3 kazzpapa3
0
280

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
280
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
210
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
350
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
380
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
64
56k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
870
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
680
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
9.4k

Transcript

  1. 10 THINGS TO KNOW ABOUT ELECTRON

  2. KEVIN SAWICKI GITHUB @KEVINSAWICKI [email protected]

  3. None

  4. WHAT IS ELECTRON? #1

  5. BUILD CROSS PLATFORM DESKTOP APPS WITH WEB TECHNOLOGIES http://electron.atom.io WHAT

    IS ELECTRON?
  6. None
  7. None

  8. 5.10 49.0

  9. None

  10. WHO IS ELECTRON FOR? #2

  11. IF YOU CAN BUILD A WEBSITE, YOU CAN BUILD A

    DESKTOP APP

  12. FREE, OPEN SOURCE STARTED BY GITHUB RELEASED 02/2014

  13. THE HARD PARTS MADE EASY

  14. HOW DOES ELECTRON WORK? #3

  15. main process

  16. main process node

  17. main process menu tray dialog node

  18. main process menu tray dialog window renderer process node ipc

  19. main process menu tray dialog window renderer process node DOM

    node ipc

  20. main process menu tray dialog window window window renderer process

    node DOM renderer process renderer process node DOM node DOM node ipc

  21. HOW DOES YOUR ELECTRON WORK? #4

  22. ELECTRON IS NOT PRESCRIPTIVE

  23. None

  24. REACT? BABEL? BROWSERIFY? GO FOR IT!

  25. ANGULAR? BOOTSTRAP? WEBPACK? GO FOR IT!

  26. OR ENJOY THE PURITY OF CHROME

  27. CUSTOM ELEMENTS? CSS VARIABLES? ES6? GO FOR IT!

  28. USE ANY OF THE 273,000 PACKAGES ON NPM

  29. YOU CHOOSE WHEN TO UPGRADE

  30. ELECTRON APPS FEEL NATIVE #5

  31. None

  32. TRAY API

  33. TRAY API FRAMELESS WINDOW

  34. TRAY API FRAMELESS WINDOW TRANSPARENT WINDOW

  35. TRAY API FRAMELESS WINDOW NOTIFICATIONS TRANSPARENT WINDOW

  36. TRAY API FRAMELESS WINDOW NOTIFICATIONS PHOTON CSS TOOLKIT TRANSPARENT WINDOW

  37. None
  38. None

  39. ★ TAKE SCREENSHOTS ★ ACCESS MICROPHONE AND CAMERA ★ NATIVE

    OPEN, SAVE, MESSAGE DIALOGS ★ ADD CONTEXT AND SYSTEM MENUS ★ REGISTER GLOBAL KEYBOARD SHORTCUTS ★ PREVENT SLEEP MODE ★ REPORT CRASHES

  40. ELECTRON MAKES DEBUGGING EASY #6

  41. JAVASCRIPT DEBUGGER

  42. RENDER TIMELINE

  43. HEAP SNAPSHOTS

  44. BUNDLE AND SHIP ADDITIONAL EXTENSIONS

  45. ELECTRON CAN BE TEST DRIVEN #7

  46. ELECTRON SUPPORTS WEBDRIVER & CHROMEDRIVER

  47. WEBDRIVER IS AN OPEN SOURCE TOOL FOR AUTOMATED TESTING OF

    WEB APPS ACROSS MANY BROWSERS. ChromeDriver docs WHAT IS WEBDRIVER?

  48. CHROMEDRIVER IS A STANDALONE SERVER WHICH IMPLEMENTS WEBDRIVER'S WIRE PROTOCOL

    FOR CHROMIUM. ChromeDriver docs WHAT IS CHROMEDRIVER?
  49. None

  50. ELECTRON APPS ARE OUT THERE #8

  51. SLACK NYLAS N1 ATOM VISUAL STUDIO CODE

  52. WEBTORRENT DESKTOP

  53. ★ Streaming torrent client implemented in JavaScript ★ Uses WebRTC

    for peer connections ★ Free and open source

  54. JIBO

  55. None

  56. ELECTRON HAS AN AMAZING COMMUNITY #9

  57. ★ 350 CONTRIBUTORS ★ 1,600 PULL REQUESTS ★ 27,000 STARS

    ★ 2,800 FORKS ★ 850 PACKAGES ON NPM

  58. NATIVEFIER

  59. SINDRESORHUS/AWESOME-ELECTRON

  60. BAY AREA ELECTRON USER GROUP MAY 25TH @ 6:30 PM

    MICROSOFT SF OFFICE HTTP://WWW.MEETUP.COM/BAY-AREA-ELECTRON-USER-GROUP

  61. ELECTRON IS GOING 1.0 #10

  62. API STABILITY

  63. MORE APIS

  64. BETTER DOCS

  65. BETTER TOOLS

  66. None

  67. THANKS! HTTP://ELECTRON.ATOM.IO HTTP://GITHUB.COM/ELECTRON @ELECTRONJS