Download to read offline
Uploaded byBaylee Schmeisser
Introducing Electron
This document provides an overview of Electron, including its history and capabilities. Electron allows developers to build desktop applications using JavaScript, HTML, and CSS. It uses Chromium and Node.js to package web apps so they can run natively on desktop. Examples of apps built with Electron include Slack, Google Play Music Desktop Player, and WebTorrent. The document outlines how Electron works, provides example apps, and recommends starting points like the Electron Quick Start project. It concludes with a live demo of an Electron app built with React.
More Related Content
![ANPARA THERMAL POWER STATION[1] sangam.pdf](https://cdn.slidesharecdn.com/ss_thumbnails/anparathermalpowerstation1sangam-251121115219-9261cde4-thumbnail.jpg?width=640&height=640&fit=bounds)
Introducing Electron
- 1.
- 2. ● APM UITeam ○ Since February 2016! ● Aka @blainesch ○ GitHub ○ Twitter ● Electron Experience ○ ~8 months ○ Contributions to various boilerplates Blaine
- 3. ● History ofElectron ● What is Electron? ● Examples Electron Apps ● Getting Started ● Basic Code ● React Demo Agenda
- 4.
- 5. Atom History ● Onlyweb based Technology ● Released May 2014 ● Isn’t Nagware ○ You know who you are
- 6. ● Split fromAtom January 2013 ● Open Sourced May 2014 ● Name Change ○ Atom-Shell -> Electron ○ April 2015 Electron History
- 7. ● Make desktopapps with web technology! ● Chromium v8 Engine ● Node ○ … also v8 engine! ● Single Browser! ○ window.fetch! ● Node everywhere! ○ Filesystem ○ Databases ○ … all of npm! ● Native system UI ○ Dialogs ○ System Menus ○ Menubar Icon ● Create native packages! Wat?
- 8. ● 2 Processes ○Main (node) ○ Renderer (browser) ● Communicate ○ Event Emitter (IPC) ○ They can have the same objects! How does it even...
- 9. ● Slack ● ScreenCat ●Google Play Music Desktop Player ● Hearthdash ● Mojibar ○ Search Emojis! ● WebTorrent ● Mongotron ● Kakapo ○ An open source ambient sound mixer Examples?
- 10. ● Electron QuickStart ○ Electron Sponsored ○ Great for seeing mvp ○ Missing things: ■ Testing App ■ Building Packages ■ No environments ● Electron Boilerplate ○ More framework-y! Boilerplates https://github.com/electron/electron-quick-start https://github.com/szwacz/electron-boilerplate
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.