http://bit.ly/electron-jsconfco Clone down the two repositories and run npminstall in each.
View Slide
Building DesktopApplications with ElectronSteve Kinney — @stevekinneyJSConf Colombia 2016
Hi. I'm Steve @stevekinney
http://turing.io
http://dinosaurjs.org
http://bit.ly/electronjs
Electron (née Atom Shell)
Electron (née Atom Shell)A framework for building cross-platform desktopapplications with web technologies.
So, why would you want touse this Electron thing?
You want to build an applicationthat has advanced permissionslike accessing the file system.
You want to build a smallapplication that lives in theuser’s menubar or system tray.
You want to build an appthat works well offline.
You want to be able toCommand/Alt-Tab to yourapplication.
You want to build a GUIfor your Nodeapplication.
sindresorhus/caprine
Why is Electron sosuper cool?
Chrome ContentModuleHTML5 supportGPU accelerationBlink and V8
Node 6.5.0Filesystem accessNative modules
Electron uses a prettymodern build of Chromium.Electron: 1.4.3Node: 6.5.0Chromium: 53.0.2785.113V8: 5.3.332.45
The web browser lives in a kind ofsandbox with a bunch of restrictionsin place in the name of security.
Electron applicationshave all of the freedom ofany other Node process.
require(…);
hij1nx/levelui
muan/mojibar
How does Electronwork?
Let's take a look at aeverything from a highlevel before we dig in.
npm install -gelectron-prebuilt
Inherently,offline first.
versus
No good.
electron.remote
Building a menu
electron.Menu
electron.globalShortcut
And more…
Let's get started.
npm installelectron-prebuilt
npm install menubar
What about JSXor SASS or LESS?
npm installelectron-prebuilt-compilenpm installelectron-packager-compile
What aboutEmber CLI?
ember installember-electron
npm installelectron-packager
sindresorhus/awesome-electron
Turing School: http://turing.ioElectron in Action: http://bit.ly/electronjs¡Gracias!Twitter: @stevekinney