Electron

Native Apps with Node.js

/at @DOTNETHH

/by @kjellski

Agenda

  • You & Me

  • What is Electron?

  • How does Electron work?

  • From /src to doubleclick

  • pro / contra / experiences

Who are you?

I'm @Kjellski

What is Electron?

Source: http://jlord.us/essential-electron/imgs/components.png

Only One

  • Browser

  • Language

  • UI / UX 

  • Can you guess an app?

How does Electron work?

Code, please!

Main Process

Renderer Process

  • Created by main.js with 'electron'

  • Can be any client side JS

  • Often a SPA, for example React + Redux 

  • Main entry point of NodeJS App

  • Is really just a NodeJS app

  • Recommendation:
    Do all things 'Node' here

Main Process

Renderer Process

main.js
renderer.js
ipcMain

ipcRenderer

Inter Process Communication

Examples:

  • Windows

  • Menus

  • Native User Interface

  • Communication

  • System

  • Media

From /src to doubleclick

How to get the most out of it?

boilerplate

Build and Deploy

pro / contra / experiences

So long,

and thanks for all the fish! :)

 

In doubt, it's 42, trust me...

 

Contact me:

info@kjell-otto.de / https://twitter.com/kjellski

All the links:

DotnetMeetup_Electron

By Kjell Otto

Made with Slides.com

DotnetMeetup_Electron

This is my presentation accompanying the workshop I'm doing at the C#/DotNet Meetup Hamburg - https://www.meetup.com/en-AU/Hamburg-C-Net-Meetup/events/gwmczlyxcbfb/

  • 1,551

More from Kjell Otto