Building Spatial Analysis Apps with Vue.js, and the Data Bridge for Capacitor Plugins
Have any of you ever built a native app with Vue.js?
With the recent emergence of Lynx supporting Vue 3, and Capacitor — which, despite being WebView-based, offers robust native-layer support — the bar for web engineers to get started with mobile app development has dropped significantly, thanks to the advance of native frameworks that let you leverage your existing web app experience.
At the same time, it's also true that support for accessing certain native APIs, like AVCaptureDevice or ARKit, often isn't sufficient.
So does that mean we have no choice but to give up and use Flutter or Swift/Kotlin?
No — let's just build a plugin that accesses the native layer ourselves.
That said, the data handled at the native layer can sometimes be massive. For example, with 3D scan point cloud data collected using LiDAR, the volume of binary data transferred between JavaScript and native is large, and without efficient communication, the whole thing falls short of being practical.
In this session, centered on spatial analysis apps using AR and LiDAR, I'll talk about making JS↔native transfers more efficient, and about plugin design for handling native APIs efficiently from a web framework.
Hal
Building Spatial Analysis Apps with Vue.js, and the Data Bridge for Capacitor Plugins
Have any of you ever built a native app with Vue.js?
With the recent emergence of Lynx supporting Vue 3, and Capacitor — which, despite being WebView-based, offers robust native-layer support — the bar for web engineers to get started with mobile app development has dropped significantly, thanks to the advance of native frameworks that let you leverage your existing web app experience.
At the same time, it's also true that support for accessing certain native APIs, like AVCaptureDevice or ARKit, often isn't sufficient.
So does that mean we have no choice but to give up and use Flutter or Swift/Kotlin?
No — let's just build a plugin that accesses the native layer ourselves.
That said, the data handled at the native layer can sometimes be massive. For example, with 3D scan point cloud data collected using LiDAR, the volume of binary data transferred between JavaScript and native is large, and without efficient communication, the whole thing falls short of being practical.
In this session, centered on spatial analysis apps using AR and LiDAR, I'll talk about making JS↔native transfers more efficient, and about plugin design for handling native APIs efficiently from a web framework.
