Why struggle with native apps? Go html and make it multiplatform from the begining instead of having 2 apps to work with. It's only some trading app so no need for native apps.
Not sure if it would interest you but the mobile framework: Framework7 has an option to use svelte! Looks good and runs really fast. Even now uses Vite instead of Webpack for the minification and bundling.
I don’t know why almost no online list of Svelte UX components doesn’t include Framework7. Have not used it, but it seems very complete and the number and detail of components appears to be top notch.
Capacitor will turn just about any javascript web app into an Android or Ios App.
Ionic sells this for $500 a month, but Capacitorjs.com is open source and pretty easy to setup.
You can use the included Cordova native extensions for adding Camera, Location, and other device functionality.
Framework7.io adds React and Vue frameworks to Capacitor. Framework7 is also open source.
Both have been working great for me.
I was working with Framework7 the other day. There were a few places where I wanted to override the styling of a few internal components. Components that were internally used by the UI library components and not provided to me as a public API.
I of course used the <parent_class_name> :global(<child_comp_name>) {
solution (link) to counter this.
More than making it seem like a hack, I am of the opinion that this should be addressed in the official Svelte tutorial as a work-around but should never be something that should be encouraged. Why? Because whatever goes on internally inside the library of Framework7 or any other such libraries, is not the end-developer's concern. If I want to break internals, I am doing it at my own risk. Svelte/Framework7 should not be held responsible then. So, not passing down classes is fine for me. But implementing a UI component and not allowing the style
prop for custom styling is not fine for me.
BTW, Is there a Svelte tips & tricks or Svelte good practices article?
Yeah I'm looking to do a mobile first (meaning it needs to work with touch and swiping and mobile screen size) admin page.
I tried things like bootstrap, and while they render fine in mobile they aren't touch optimized meaning if I want to use swipe right left or pulldown none of that is supported without adding some additional libraries. Also it doesn't handle header footers and screen sizes the right way. Lack modern mobile widgets like floating hamburger menu, slide in out panels, form controls , infinite scroll etc.
See https://framework7.io/kitchen-sink/core/index.html?theme=md. To see what rich set of mobile controls looks like
And mobile layouts are fundamentally different than responsive layouts. In terms of navigation elements and headers and footers . That's what a library like jQuery Mobile did so well (at least while it was supported)
It does not! Only if you want CLI utility to create your project. But simple usage of Framework is based on including https://framework7.io/docs/package.html js files within your html, all stuff is already compiled and ready to use.
Not sure if this is what you’re looking for, but if you want some pretty solid frameworks that incorporate Vue to make mobile apps, you could check out these:
Framework7 https://framework7.io/vue/
VueNative https://vue-native.io
NativeScript Vue https://nativescript-vue.org
Framework7 is pretty solid and has a ton of built in components that look just like most native apps for both android and iOS. It also works with vanilla JS and React. You still need Cordova to preview as mobile.
VueNative I haven’t worked with much but I’ve heard good things about it. I can’t remember if ReactNative is required but I believe it compiles down to ReactNative in the end.
NaticeScript Vue is pretty fun to work with but it seemed like it lacked several of the types of components Framework7 had. It’s a great start though. It has its own mobile app too that lets you scan a barcode and preview the app on your mobile device called NativeScript Playground. It also lets you play with it in the browser if you want to test it out.