Cross-Platform Desktop Apps with Electron, Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS.

1. ELECTRON
Cross-Platform Desktop Apps with Electron
Jarosław Jarnot

2. What is Electron?
Electron is a framework for creating native
applications with web technologies like
JavaScript, HTML, and CSS.
https://electron.atom.io/

3. NOWY FRAMEWORK
BASIC INFO
• open source library developed by
GitHub
• cross-platform: build and run on
Windows, Linux, Mac
• written in C++ and JavaScript
• MIT license
www:
twitter:
repository:
https://electron.atom.io
https://twitter.com/electronjs
https://github.com/electron/electron

4. APRIL 2013 Atom Shell is started
MAY 2014 Atom Shell is open sourced
APRIL 2015 Atom Shell is re-named - Electron

5. MAY 2016 Electron releases v1.0.0
MAY 2016 Electron apps compatible with Mac App Store
AUGUST 2016 Windows Store support for Electron apps
APRIL 2017 Electron version - 1.6.7

6. COMPONENTS
CHROMIUM
56.0.2924.87
NODE 7.40 V8 5.6.326.50
ELECTRON 1.6.7

7. ARCHITECTURE
https://www.youtube.com/watch?v=WVb2OD49pUA

8. PROCESSES
https://medium.com/@ccnokes/deep-dive-into-electrons-main-and-renderer-processes-7a9599d5c9e2

9. HELLO WORLD

10. HELLO WORLD

11. HELLO WORLD

12. HELLO WORLD

13. HELLO WORLD

14. HELLO WORLD

15. SAMPLE APPS BUILT ON ELECTRON
ATOM
https://atom.io/

16. SAMPLE APPS BUILT ON ELECTRON
VISUAL STUDIO CODE
https://code.visualstudio.com/

17. SAMPLE APPS BUILT ON ELECTRON
BRAVE BROWSER
https://brave.com/

18. SAMPLE APPS BUILT ON ELECTRON
POSTMAN
https://www.getpostman.com

19. SAMPLE APPS BUILT ON ELECTRON
SLACK
https://slack.com/downloads/windows

20. SAMPLE APPS BUILT ON ELECTRON

21. HOW TO START?
https://electron.atom.io/docs/
https://github.com/sindresorhus/awesome-electron

22. ELECTRON API DEMOS
https://github.com/electron/electron-api-demos

23. CLI do tworzenia aplikacji w elektronie.Zawiera szablony:- Vanilla ES6/7-
React- React + TypeScript- Angular 2- Vue.JS 2.0- Jade Templating
ELECTRON FORGE
https://beta.electronforge.io/
https://github.com/electron-userland/electron-forge
The command line interface for ambitious
Electron applications
Forge templates:
- Vanilla ES6/7
- React- React + TypeScript
- Angular 2
- Vue.JS 2.0
- Jade Templating

24. CLI do tworzenia aplikacji w elektronie.Zawiera szablony:- Vanilla ES6/7-
React- React + TypeScript- Angular 2- Vue.JS 2.0- Jade Templating
SAMPLE PACKAGES TO GET STARTED
BUILD AND PACKAGE
1. electron-packager
2. electron-builder
AUTOMATIC UPDATES
3. nuts
4. electron-release-server
5. squirrel-updates-server
6. auto-updater
CRASH REPORTING
7. Socorro
8. mini-breakpad-server
USER-SET APPLICATION CONFIGURATION
9. electron-config
DEBUGGING
10. DevTron
TESTING
11. Spectron
https://nodesource.com/blog/fifteen-essential-packages-to-get-started-with-electron/

25. ELECTRON vs NW.JS
https://insights.stackoverflow.com/trends
http://freecontent.manning.com/electron-in-action-article-1/

26. STATS
https://insights.stackoverflow.com/trends
https://github.com/electron/electron

27. STATS
https://npm-stat.com/charts.html?package=electron&to=2017-05-11

28. DEMO

29. THANKS!
Jarosław Jarnot
jaroslaw.jarnot@vimanet.com

30. REFERENCES
https://electron.atom.io/
https://github.com/electron/electron
https://en.wikipedia.org/wiki/Electron_(software_framework)
https://www.youtube.com/watch?v=WVb2OD49pUA
https://medium.com/@ccnokes/deep-dive-into-electrons-main-and-renderer-processes-7a9599d5c9e2
https://beta.electronforge.io/
https://nodesource.com/blog/fifteen-essential-packages-to-get-started-with-electron/
https://insights.stackoverflow.com/trends
http://freecontent.manning.com/electron-in-action-article-1/
https://npm-stat.com/charts.html?package=electron&to=2017-05-11