Hi

Interactive Web Developer  on the Digital Creative Agency team at Discovery Communications.

Electron

http://electron.atom.io/

Framework for creating native, cross platform,

desktop applications with web technologies.

M

R

R

R

• Accelerator

• app

• autoUpdater

• BrowserWindow

• contentTracing

• dialog

• DownloadItem

• Frameless Window

• globalShortcut

• ipcMain

• Menu

Main Process APIs

• MenuItem

• powerMonitor

• powerSaveBlocker

• protocol

• session

• Supported Chrome Command Line Switches

• systemPreferences

• Tray

• webContents

• desktopCapturer
• File Object
• ipcRenderer
• remote
• webFrame
• <webview> Tag
• window.open Function

Renderer Process APIs

Both Processes APIs

• clipboard
• crashReporter
• Environment Variables
• nativeImage
• process
• screen
• shell

Workflow

• Pretty much the same 
• Local Dev
  • Electron Prebuilt
• Package and Deploy
  • Electron Packager
  • Electron Builder

React Native

https://facebook.github.io/react-native/

Framework for building native mobile applications using JavaScript & React. Learn once, write anywhere.

N

N

JS

• ActionSheetIOS

• Alert / AlertIOS
• Animated
• AppRegistry
• AppState
• AsyncStorage
• BackAndroid
• CameraRoll
• Clipboard
• DatePickerAndroid
• Dimensions
• IntentAndroid

APIs

• InteractionManager

• LayoutAnimation
• Linking
• NativeMethodsMixin
• NetInfo
• PanResponder
• PixelRatio
• PushNotificationIOS
• StatusBarIOS
• StyleSheet
• TimePickerAndroid
• ToastAndroid
• VibrationIOS / Vibration

• ActivityIndicator
• DatePickerIOS
• DrawerLayoutAndroid
• Image
• ListView
• MapView
• Modal
• Navigator
• NavigatorIOS
• PickerIOS
• Picker

Provided Components

• ProgressBarAndroid

• ProgressViewIOS
• RefreshControl
• ScrollView
• SegmentedControlIOS
• Slider
• SliderIOS
• StatusBar
• Switch
• TabBarIOS
• TabBarIOS.Item

Loads more

• Flexbox

• ShadowPropTypesIOS
• Geolocation
• Network
• Timers
• Colors

Polyfills

• iOS Native Modules

• Android Native Modules

Extensible

Workflow

• CLI tools
• Xcode / Android Studio
• Simulators / lot's of cables
• Lots of history per platform

Kinda Wacky

Workflow

• Chrome Debugger
• Hot Module Reloading
• On device development
• Access to multiple ecosystems

Kinda Nice

Web !== Desktop !== Mobile

Space/Size/Density

Interaction/Workflow

Maintenance

Deployment

YMMV

[demo time]