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

Electron 1.0 at GitHub Satellite, Amsterdam 2016

Electron 1.0 at GitHub Satellite, Amsterdam 2016

Electron background plus the Electron 1.0 launch!

Jessica

May 11, 2016
Tweet

More Decks by Jessica

Other Decks in Technology

Transcript

  1. How people build software " Electron Framework for building cross

    platform desktop applications with web technologies. 3
  2. 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 #
  3. How people build software " Open source When Atom launched

    it open sourced everything, including Electron, then called Atom Shell. 5 $
  4. How people build software " Built on Electron Since its

    release 2 years ago many companies and developers have built projects with Electron. 6 %
  5. How people build software " Tools for Electron Modules written

    by the community are downloaded tens of thousands of times a month. 14 &
  6. How people build software " Community Over 300 people have

    contributed to Electron itself, not to mention the community packages. 15 '
  7. How people build software " Electron features Electron enables you

    to build your app once, package and ship it to three platforms. 16 "
  8. 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 "
  9. How people build software " 18 ( " CHROME •

    Use great Chrome features like CSS variables. • Use the latest Chrome releases. Design and code for one browser
  10. How people build software " 19 ) " NODE.JS •

    The full Node.js API is available in Electron. • File system, sockets, child processes. Native code optional
  11. How people build software " 20 " Node.js in every

    context <script>document.write(process.versions.node)</script>
  12. How people build software " 21 " Node.js in every

    context <script> require(‘./app.js’) </script>
  13. How people build software " 22 # " NPM •

    Use any of the 200,000 npm packages in your app. • 800 electron specific packages. Native code optional
  14. 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
  15. 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
  16. 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
  17. 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 ,
  18. 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
  19. How people build software " Electron API modules 30 "

    BROWSER WINDOW DIALOG CLIPBOARD DESKTOP CAPTURER GLOBAL SHORTCUT MENU POWER SAVE BLOCKER TRAY and more…
  20. How people build software " Electron’s two processes 31 "

    Renderer Main Web Page App Renderer Renderer Renderer
  21. 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 /
  22. How people build software " Electron 1.0 Today we’re shipping

    Electron 1.0 along with new Electron learning and development tools. 34 0
  23. How people build software " API 1.0 API stability and

    maturity. Chromium 49. Node 5.10.0. Mac App Store. 35 ⚡
  24. How people build software " API 1.0 New APIs for

    protocol, touch and swipe events, system preferences (and more). 36 ⚡
  25. How people build software " API Demos An Electron application

    demoing Electron APIs with sample code you can re-use. 37 "
  26. 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 '
  27. How people build software " Devtron A Chrome DevTools extension

    for inspecting your Electron app dependencies and processes. 41 "
  28. How people build software " Spectron Write integration tests for

    you Electron app. Built on top of ChromeDriver and WebDriverIO. 47 "
  29. 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 "
  30. How people build software " Electron Team 56 " @ZCBENZ

    @KEVINSAWICKI @JLORD @ZEKE Here! Here! @SIMURAI @IOLSEN Here!