Posts in category Intermediate

Using Vue as an Angular alternative for Ionic: Routing pa...

updated thumbnail Ionic Vue Cordova

The basic routing concepts between an Ionic Vue and an Ionic Angular application are the same. A list of Routes are declared and they will help us navigate to different Views. In this tutorial, we will see how to create: A basic route A route with parameters A named route Some nested views If  you don’t know how to bootstrap […]

Using Vue as an Angular alternative for Ionic: The Filter...

updated thumbnail Ionic Vue Cordova

Developers generally come to Vue because they want something like AngularJS, but not Angular. Filters are part of this package: they are simple and powerful.

Using Vue as an Angular alternative for Ionic: Vuex in On...

updated thumbnail Ionic Vue Cordova

In the previous tutorial, we talked about Vertical Communication in an Ionic Vue application. Today, we will adopt the Horizontal Perspective by using a State Management Pattern. This pattern consists in centralizing a State object in a Store, then sharing this Store to the Ionic Vue Components. We will use the Vuex library to achieve one simple goal: creating a […]

Using Vue as an Angular alternative for Ionic: Parent-Chi...

updated thumbnail Ionic Vue Cordova

Modern JavaScript applications are generally composed of Nested Components. It’s generally one Parent Component at the top delegating the work to its Children. They get some properties from the parent, do some work, notify the parent that something changed, which in turn updates the properties accordingly and finally updates the children.

Using Vue as an Angular alternative for Ionic: The Direct...

updated thumbnail Ionic Vue Cordova

We keep going on with the Ionic Vue fever! This time we will see how we can we use Directives in an Ionic Vue application.

Using Vue as an Angular alternative for Ionic: The Servic...

updated thumbnail Ionic Vue Cordova

Instead of centralizing all the code in a Component, it’s common practice to use Services. Services are Classes that contain domain specific code like Ionic Native Device actions, Ionic Native Storage actions, Ionic routing.

Vue as an Angular alternative for Ionic: The Components

updated thumbnail Ionic Vue Cordova

In this tutorial, we will focus on Vue Components in an Ionic 4 application. We will first configure the Ionic Team’s Stack from the previous Ionic Vue tutorial to handle the .vue extension, then we will see how a simple TypeScript Component looks like, how Vue Single File Components (SFCs) work and some information on Vue methods. The Ionic Stack […]

Using Vue with Ionic 4 and Ionic Native Plugins

updated thumbnail Ionic Vue Cordova

We used the Cordova CLI to create an Ionic Vue mobile application in the previous tutorial. This time we will use the Ionic CLI to bootstrap our application.

Using Vue with Ionic 4 and Cordova Plugins

updated thumbnail Ionic Vue Cordova

Ionic 4 is coming this year! It either comes with no changes or big changes. This will depend of you. Ionic won’t depend on Angular anymore. Thanks to Stencil, we will be able to use React, Vue, Ember, whatever we want!

The Ionic Build Process Tutorial

thumbnail Ionic Build Process

When we start using Ionic, it’s all magic, we type three commands and the application is running on our mobile device. From there it all depends of what type of person you are. Either you don’t care how things work and enjoy the dirty high of quickly creating cool hybrid applications or you want to understand what’s going behind the […]