Potable Cortana

Make choice

Benefits

  • Run in Sandbox
  • Fast development
  • Fast distribution
  • Cross platform

How

Points

  • Webpage 
    • React.js + Flux
    • SPA
    • Gulp
  • Native wrapper integration
    • Static/Server
    • Native JavaScript Bridge
  • Version control

Structure

Web view

Native

Native

Work flow

LoadUrl

PageLoad

TriggerEvents

SendAction

Native

Webpage

Call JavaScript from Native

  • WebView.loadUrl("javascript here"); 
  • [WKWebView evaluateJavaScript:"javascript here"]; 

Call Native from JavaScript

  • Projection API:
    CortanaApp.foo()
    CortanaApp.Potable.bar()

Crazy JavaScript

React

A JavaScript Library for Building UI

Flux

Framework 7

npm is the package manager for javascript.

              213,706 total packages

      134,774,976 downloads in the last day

      738,593,773 downloads in the last week

3,035,805,228 downloads in the last month

Thought

  • Focus on human-computer interaction UI
  • Define web components based on h-c UX
  • Create web components
  • Declare web compnents name in Action Data

Q & A

Potable

By Vince Liu

Potable

  • 500