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!

Bf47d3b9da3655bf19e815aaa5446d4a?s=128

Jessica

May 11, 2016
Tweet

More Decks by Jessica

Other Decks in Technology

Transcript

  1. How people build software ! ELECTRON GitHub Satellite, Amsterdam 2016

  2. How people build software " Hello Satellite! Jessica Lord Engineer

    at GitHub on Electron 2 "
  3. How people build software " Electron Framework for building cross

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

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

    release 2 years ago many companies and developers have built projects with Electron. 6 %
  7. How people build software " Electron downloads 7 "

  8. How people build software " Built on Electron 8 "

  9. How people build software " Built on Electron 9 "

    Microsoft Visual Studio Code
  10. How people build software " Built on Electron 10 "

    Brave
  11. How people build software " Built on Electron 11 "

  12. How people build software " Built on Electron 12 "

    Wordpress
  13. How people build software " Built on Electron 13 "

    WhatsApp
  14. How people build software " Tools for Electron Modules written

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

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

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

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

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

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

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

    Use any of the 200,000 npm packages in your app. • 800 electron specific packages. Native code optional
  23. 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
  24. 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
  25. 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
  26. 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 ,
  27. How people build software " Main Process The lifecycle of

    your app, the heavy lifter. 27 ♥
  28. How people build software " Renderer Process The webpage. 28

    .
  29. 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
  30. How people build software " Electron API modules 30 "

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

    Renderer Main Web Page App Renderer Renderer Renderer
  32. 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 /
  33. How people build software " 33

  34. How people build software " Electron 1.0 Today we’re shipping

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

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

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

    demoing Electron APIs with sample code you can re-use. 37 "
  38. How people build software " 38

  39. 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 '
  40. How people build software " electron.atom.io/#get-started Visit the website and

    download the latest release. 40 "
  41. How people build software " Devtron A Chrome DevTools extension

    for inspecting your Electron app dependencies and processes. 41 "
  42. How people build software " Event inspector 42 "

  43. How people build software " Require graph 43 "

  44. How people build software " Linter 44 "

  45. How people build software " IPC monitor 45 "

  46. How people build software " electron.atom.io/devtron Open source in the

    Electron organization on GitHub. 46 "
  47. How people build software " Spectron Write integration tests for

    you Electron app. Built on top of ChromeDriver and WebDriverIO. 47 "
  48. How people build software " 48

  49. How people build software " electron.atom.io/spectron Open source in the

    Electron organization on GitHub. 49 "
  50. How people build software " Documentation The new and improved

    electron.atom.io site. 50 "
  51. How people build software " 51

  52. How people build software " 52

  53. How people build software " 53

  54. How people build software " 54

  55. 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 "
  56. How people build software " Electron Team 56 " @ZCBENZ

    @KEVINSAWICKI @JLORD @ZEKE Here! Here! @SIMURAI @IOLSEN Here!
  57. How people build software " 57 ELECTRON.ATOM.IO