capacitor VS NativeScript

If you've been struggling with testing and iterating on your Firebase project, constantly having to push to a live environment just to see your changes, then you're in luck! In this post, we'll show you how to integrate Firebase Emulator into your Vite, Vue project using Ionic Capacitor, giving you the power to test, iterate and reset your data, all from the comfort of your local machine.

In the blog post linked above, we talked about creating mobile applications with Vue, Vite, and Ionic Capacitor.

Capacitor is an open-source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.

There is https://capacitorjs.com/ which is fairly well used. I've only ever tried it with a traditional single page app and it works well for that. Never tried it with sveltekit.

https://github.com/ionic-team/capacitor/discussions/3899#dis...

Apparently it's an issue with Android's webview interaction with accessibility settings.

https://engineering.fb.com/2022/09/30/android/launching-a-ne...

Facebook ships their own webview implementation to solve a couple other webview issues, but that's not really a viable solution for everyone else

Here's the site: https://capacitorjs.com/

And yes, Capacitor apps can target all of those platforms from a single codebase. If you ever need help or have questions feel free to reach out to me on twitter (link in bio)!

There is if you use Capacitor.js (and Ionic framework - not sure if you need it to accomplish what you want)

This meant I had to decide on a new framework and so I did that. I basically had to rebuild what I already did, thankfully I was able to re-use a lot of what was already done. I'm now getting back to where I was initially and I think I honestly made the right choice.

There are layers that offer access to native APIs like capacitor, cordova and nativescript. Apparently sometimes multiple of them should be used, but I didn't understand what are the differences even after reading the announcement. These seem to be frontend agnostic technologies and Capacitor is apparently the more modern choice at the moment.

Konsta UI + Capacitor.JS + some native code for operating the printer. You can see the result here.

There is also https://nativescript.org/ which would allow you to use Vue (or several other frameworks) to build a mobile app. Used it myself a while back for an iPad app using Vue 2 and it was pretty straightforward. It seems like there have been quite a few improvements since then so might be worth a look.

There are layers that offer access to native APIs like capacitor, cordova and nativescript. Apparently sometimes multiple of them should be used, but I didn't understand what are the differences even after reading the announcement. These seem to be frontend agnostic technologies and Capacitor is apparently the more modern choice at the moment.

Maintaining NativeScript core is like maintaining any TypeScript library. In particular, it's maintenance revolves largely around:

Using the amazing Preview environment that the Nativescript team together with Stackblitz have done, it was time to start hacking at it. (More information can be found here at https://preview.nativescript.org/)

8. NativeScript + PWA [hybrid]

There is something called NativeScript

Check out NativeScript - https://nativescript.org

React Native has a vast community compared to Svelte Native. At the time of writing, React Native had over 100k stars on GitHub, while NativeScript, which powers Svelte Native, had 20k+ stars.

Svelte Native leverages NativeScript, which allows you to develop native apps with JavaScript and gives the JavaScript code access to the device native code directly. It has no wrapper, meaning you can access all supported device APIs.

maybe https://nativescript.org/ is something for you? 😅