Building Desktop Application W/ Electron

Getting started with Electron, Javascript is taking over the desktop world. in this presentation, I share my experience with electron for building enterprise level software.

Transcript

1. Desktop Applications BUILDING DESKTOP APPLICATION ELECTRON W/ TASFAOUT YASSINE / TASFAOUT / ANDELUS GDG TLEMCEN #DevFestWest17
2. class Talk{ } onInit() inHistory() electron() inProduction() onDestroy()
3. onInit() BUILDING DESKTOP APPLICATION W/ WEB TECHNOLOGIES
4. inHistory() Known Frameworks Chrome Embedded Framework 2009 Node Webkit (NWJS) -
5. electron() Published by GitHub 2013 ELECTRON A framework for building cross-platform applications using web technologies. {Chromium Shell Node Engine Electron | APIs
6. electron().components Electron is not just a chrome window Main Renderer App Life Cycle Web Page IPC - Interprocess Communication Browser Window Menus Nodejs - All it’s goodies Dialogs IPC - Interprocess Communication DOM - Document Object Model Nodejs - In The browser Remote - Main Process Modules Renderer
7. electron().demo Let’s create an electron app Install Electron Via npm Setup Files Structure [Bare Minimum] Start Coding
8. electron().apps
9. inProduction() Hotel Management WHAT WE BUILT
10. inProduction().front To build our frontend we used Angular JS ✓ Rich Interactivity SPA ✓ Great Separation of Concerns Pros Cons • Can get slow in large apps (Watch out The Watchers and Digest Well )
11. inProduction().api To build our backend we went with PHP & NodeJs ✓ Extensive Abstractions ✓ Well Documented ✓ Team Comfort Pros Cons • Does not support web sockets (Out of the box) • Big Footprint ✓ Minimal & Unopnionated ✓ Event Driven ✓ Web Sockets Implementation 
 (Socket IO) Pros Cons • No team comfort
12. inProduction().deploy To deploy we used docker orchestrating with docker-compose (First Iteration) https://myaddress
13. inProduction().deploy Snippets
14. inProduction().deploy Snippets
15. inProduction().updates How are we updating the application Electron Builder CI (WIP)
16. onDestroy() Takeouts ✓ There is no silver bullet system ✓ Your team comfort before yours ✓ Always try new technologies ✓ Keep Humble
17. اركش