Building Desktop Applications with Electron, Fluent 2016

Transcript

1. Building Desktop Applications with Node and Electron Steve Kinney — @stevekinney Fluent 2016
2. http://bit.ly/fluent-electron
3. Hi. I'm Steve
4. http://turing.io
5. http://dinosaurjs.org
6. http://bit.ly/fluent-electron Introduction to Electron Building Two Applications • Fire Sale • Clipmaster 9000
10. Electron (née Atom Shell)
11. Electron (née Atom Shell) A framework for building cross-platform desktop applications with web technologies.
13. So, why would you want to use this Electron thing?
14. You want to build an application that has advanced permissions like accessing the file system.
15. You want to build a small application that lives in the user’s menubar or system tray.
16. You want to build an app that works well offline.
17. You want to be able to Command/Alt-Tab to your application.
18. You want to build a GUI for your Node application.
23. sindresorhus/caprine
24. Why is Electron so super cool?
26. Chrome Content Module HTML5 support GPU acceleration Blink and V8
27. Node 5.1.1 Filesystem access Native modules
30. Electron uses a pretty modern build of Chromium.
34. The web browser lives in a kind of sandbox with a bunch of restrictions in place in the name of security.
37. Ugh. Gross.
38. Electron applications have all of the freedom of any other Node process.
40. require(…);
44. hij1nx/levelui
55. muan/mojibar
56. How does Electron work?
57. npm install -g electron-prebuilt
77. Inherently, offline first.
85. versus
93. No good.
95. electron.remote
105. Building a menu
106. electron.Menu
115. electron.globalShortcut
116. electron.globalShortcut
117. electron.globalShortcut
118. And more…
120. npm install -g electron-prebuilt
121. npm install menubar
124. Let's get started.
125. npm install -g electron-packager
128. npm install -g electron-accelerator
129. npm install -g electron-compile
130. The Future for Electron
132. sindresorhus/awesome-electron
134. http://turing.io http://dinosaurjs.org