19
Hallo . Mijn naam is Ryan. Laten we praten over hulpmiddelen.

PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Embed Size (px)

Citation preview

Page 1: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Hallo.Mijn naam is Ryan.

Laten we praten over hulpmiddelen.

Page 2: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Tools that InspireOur livelihood as developers depend upon the tools of our trade.

Platforms, frameworks, devices, debuggers, libraries, copy and paste.

Page 3: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Web Developers FirstWe’re here to talk about mobile development…

but if I guessed right, most of us identify as web developers first.

Page 4: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser
Page 5: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>

Page 6: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators

Page 7: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh

Page 8: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs

Page 9: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs• No support for Live Reload (i.e. file watchers)

Page 10: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs• No support for Live Reload (i.e. file watchers)• Chrome only

Page 11: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs• No support for Live Reload (i.e. file watchers)• Chrome only• In “beta” for too many years

Page 12: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

How can we code more quickly using tools of the web?

Page 13: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Cordova SimulateThe Next Evolution of Ripple

Page 14: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

<code>

Page 15: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

webviewasync

Native CodeCordova Simulate

function exec()

Page 16: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Extensible for Everyone

DevelopersPersist responses

indefinitely.

Plugin Authors

Define your own simulation controls.

Browser Tools

Support more plugins. Control the look-and-

feel.

Page 17: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Cordova Simulate: the full story✔ Runs directly in the browser (no iframe)✔ Extensible plugin model✔ Remembers your response to unsupported plugins✔ Zero performance impact… no hangs.✔ Live Reload by default✔ Compatible with all modern browsers✔ Open source (MIT License)✔ Integrated directly into Visual Studio 2015 and VS Code

Page 18: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

Debug your code on any browser, emulator or device.Increase speed & accuracy with Intellisense for plugins.

Invoke Cordova commands from the editor.

Visual Studio Code

Page 19: PhoneGap day 2016 EU: Simulating Cordova Plugins in the Browser

@ryanjsalva @ryanjsalva

Cordova SimulateThe Next Evolution of Ripple