Steps to use routing in Ionic alpha v4 - ionic4

Hello i made a demo app in ionic 3 with push and pop based navigation.In ionic 4 there is support for angular router so i need to navigate through pages using router.navigate events.I am trying to learn how angular router works in ionic.in In Ionic v4 we have ion-router-outlet which is new. I am not finding any documentation regarding how to use this element.If i use regular router(like router-outlet) it works good but i am not understanding which outlet tag should be used now? Can somebody tell me how can i achieve routing with ion-router-outlet in ionic v4?

ion-router-outlet is the ionic's implementation of router-outlet with native transitions. You should use ion-router-outlet wherever you use router-outlet.
In short, use ion-router-ooutlet everywhere in ionic application

Related

What is Best Practice to Create Mobile Webview with Vuejs

I have a mobile app project that created with VueJS. My boss wanted the app to run in webview for some reason, so I built it with VueJS. My question is, does anyone have a recommended framework or method to use to do this?
I had used flutter with InAppWebview plugin to wrap the web. But does anyone have other recommendation? Thank you

How to create a mutli page Vue.js app without Vue-Cli?

I created a Vue.js app without using Vue CLI, so that means I did everything from scratch including setting up Webpack 4. The reason I did this was because I don't like the idea of frameworks concealing the inner workings of things so that I can't fix things myself.
As an SPA, I have got the basic demo site working with an Home and About view. But I am looking to create a multi-page app with Express. The only information on multi-page Vue.js apps seems to be linked to the pages option that only comes with Vue CLI (see here)
Is there a way to have a multi-page app for projects created without Vue CLI?
Sure, you could handle routing with Express and have the page rendered server-side.
You can use Vue official package for routing, vue-router and choose between SSR (server-side rendering) or client side.
I suggest you to check this official doc about it: https://ssr.vuejs.org/

Do I have to code my site with NativeScript and VueJs for a separate native app or I could just directly convert it to native?

I am new to NativeScript and I just used VueJs since last year only. I already got a working website with admin page and dashboard made with VueJs and Bootstrap for my front-end.
I have read about nativescript these past few weeks and I planned to make my website native.
Should I rewrite my website with admin functions in nativescript or could I just use nativescript to enable my website as native app in android?
Thank you.
If you have coded your app with Vue or Angular and if you choose NativeScript to build your native mobile app, then you will be able to reuse the data model, services, basically anything that is not related to UI.
We call it native mobile app for a reason, your UI is pure native here, more or less equivalent to building a mobile app using Java (Android) / Objective C (iOS). You will have access to all native UI components and device apis, which is why you have to recode your UI.
What you must be looking for is something like Corodova / PhoneGap (Hybrid mobile app) which can just take your web app and wrap it inside a WebView.

How to structure vue app when using global components

Currently, we try to figure out, how we can structure our vue code for this use case:
routing will be handled by the backend, so basically we don't creating an SPA here
we want to use vue to replace some jquery plugins. So on some sites of our website we have e.g. a drop-down component or a date picker component ...
one site will be small SPA
on each site, we have a navigation, where we also want using vue
How should this be structured? Is it one big vue application?
My idea is to build two vue applications:
one for the small SPA
one for all the components we need on different sites
Anybody can help out here?
For developing SPA in vuejs. Please refer to these two links
https://github.com/vuejs/vue-cli
and
https://github.com/chrisvfritz/vue-2.0-simple-routing-example
And for integerating VueJS in existing web page
you can follow the official website of vuejS

Can I use angularjs based (angular-footballdata-api-factory) in angular2 app?

I hava got an angularjs based api-factory
I want to use this in angular2 app. Is it possible to use it and if yes, then how.
No, Angular 2 is not a superset of Angular 1 -- it's a different API.
Therefore you cannot use libraries from Angular 1.x on an Angular 2.x application.