Reimagining Cordova: Building Cross-Platform Web Apps with Capacitor
0 likes•348 views
This document discusses Capacitor, a new cross-platform runtime for building web apps that addresses some limitations of Cordova. Capacitor allows building apps once that can run on iOS, Android, desktop and web using modern native tools. It is inspired by Cordova, React Native and Turbolinks and aims to provide full control over native platforms while maintaining backwards compatibility with Cordova plugins. The document demonstrates Capacitor's camera, notifications and toast plugins working across platforms and encourages developers to try it out from the source code and GitHub page listed. It concludes with a Q&A with the CEO of Ionic, the company behind Capacitor.
Reimagining Cordova: Building Cross-Platform Web Apps with Capacitor
- 1. Reimagining Cordova: Building Cross-Platform Web Apps with Matt Netkow, Sr Product Evangelist @dotNetkow; [email protected]
- 2. Later: Q&A with Max Lynch CEO, Ionic @maxlynch
- 3. A Brief History: Cordova Created: 2008 CLI: 2013 Write Once, Run Everywhere 2018: Ongoing, minor updates
- 4. Native Platforms Move Fast iOS, Android constantly undergoing change: ● Typically, new OS and hardware every year ● Modern plugin system with CocoaPods and Gradle ● Modern Languages: Swift and Kotlin
- 5. What if we created a spiritual successor to Cordova that used these modern native tools?
- 6. E N T E R :
- 7. What is Capacitor? Cross-platform runtime: iOS, Android, Desktop, and Web #UseThePlatform: Web-focused APIs that stay close to Standards “Code Once, Configure Everywhere”: Modern Native tooling for easy native project maintenance Inspiration: Cordova, React Native, and Turbolinks
- 8. DEMO TIME! Camera, Local Notifications, Toast iOS, Android, Web!
- 9. Need More Functionality? Includes common plugins (Camera, Geolocation, File, etc) Backwards compatible with majority of Core Cordova Plugins Provides tooling for writing new Plugins $ npx @capacitor/cli plugin:generate
- 10. Capacitor and Cordova Recap Feature Cordova Capacitor Supported Platforms iOS, Android, Windows Phone iOS, Android, Desktop (Windows, Mac, Linux), Web, PWA, and beyond! Configuration style Abstracted (Config.xml) Per-platform (Info.plist, AndroidManifest.xml) Native platform control Limited Full control Production ready? Yes, stable Soon
- 11. ➔ Site: https://capacitor.ionicframework.com ➔ Source: https://github.com/ionic-team/capacitor ➔ Matt’s demo code: https://github.com/dotNetkow/ionic-conference-app ➔ Recording + links emailed after webinar! Enterprise support packages for Cordova and Capacitor available Resources
- 12. </presentation> Questions? Matt Netkow Sr Product Evangelist @dotNetkow; [email protected] Max Lynch CEO @maxlynch