Electron 1.0 at GitHub Satellite, Amsterdam 2016

Electron background plus the Electron 1.0 launch!

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