Electron

Transcript

1. Goedendag, Electron
2. Plan • Desktop App Development Problems? • Electron solutions • Electron Problems
3. Desktop App Development Problems?
4. Desktop App Development Problems? • Cross platform • Installers • Deliver • Testing
5. Desktop App Development Problems? • Cross platform? ◦ Cross compiling (Qt and others) ◦ Java (Virtual) Machine ◦ Go
6. Desktop App Development Problems? • Installers ◦ UI: Windows, Mac ◦ Configure it
7. Desktop App Development Problems? • Deliver ◦ Stores ◦ Download page ◦ Package managers ◦ AppDater?
8. Desktop App Development Problems? • Testing ◦ Behave Testing?
9. Electron solutions
10. Electron solutions • Cross platform • Installers • Deliver • Testing
11. Electron solutions • Cross platform ◦ NodeJS + Chromium ◦ Native module requires rebuilding ▪ ./node_modules/.bin/electron-rebuild ◦ tray+menu out of the box ◦ Native UI? (try photonkit)
12. Electron solutions • Installers ◦ electron-builder ◦ electron-packager
13. Electron solutions • Deliver ◦ Stores ◦ Download page ◦ Package managers ◦ AutoUpdates with Squirrel (Window, MacOS) ▪ It requires backend (electron-release-server or github)
14. Electron solutions • Testing ◦ Spectron ◦ Karma
15. Electron Problems • Architecture (main process and renderers ) • NodeJS in browser • IpcRenderer ↔ IpcMain with JSON ◦ Main process manages renderers • Desktop apps are complex…
16. Electron Problems • Binary size >= 100Mb, reducing requires recompiling Chromium • JS boilerplate code • Frontend frameworks
17. Summary
18. Summary • Desktop App Development Problems • Electron solutions • Electron Problems
19. References • http://electron.atom.io/docs/ • https://github.com/atom/atom/ • https://github.com/sindresorhus/awesome-electron • https://github.com/chentsulin/electron-react-boilerpl ate • http://photonkit.com/ • https://github.com/maxogden/menubar