A Vue from Ionic

Josh Thomas / @jthoms1

About Me

Senior Developer at Ionic
Ionic Open Source core team member
Organizer of MadJS

Why I like Vue

Documentation
Robust toolchain
Batteries Included (as you wish)
TypeScript Support

A Vue from Ionic

What is Ionic?

5M + Apps created
30K+ Stack Overflow Questions
100+ Meetups
Open Source and MIT licensed
Collection of over 100 components
Cross-platform apps with a single codebase
Use a native bridge for device apis

--------------

We have analytics and almost every country in the world uses Ionic today.

Except for one. North Korea

--------------

The components range from buttons, to dialogs, to form toggles, inputs, alerts.

One of the things that is very unique about all of our components is that they are built for both iOS and Material Design.

So it is a truly cross platform codebase. Build your app once and it will appear as Material for Android and as iOS on an Apple Product.

We also provide a set of components and APIs that allow you to interact with native device APIs. An example of this would be push notifications, haptic feedback, geo location, camera and a number of others

Beautiful design - We place a lot of value on the quality of our component designs. The nice thing is that it just looks this great out of the box.

Notice that components reflect the native behavior for material design or for iOS such from Action Sheets or alerts.

Ionic also provides tabs and stacked routing which is expected for mobile applications.

We have 2 svg based icon sets as well. One for iOS and one for Material. You might have used them before. Aptly named Ionicons

Robust theming system based on css variables. So you can create a theme specific to your brand or change your themes real time in a white labeled application. This is a nice advantage over using something like sass.

Extensive documentation.

When should you use Ionic?

You are building a mobile app
You are building a PWA / web app
You are building an desktop app

The JS ecosystem is changing

"Which framework do you prefer?"
Ionic components should work with any framework or with no framework

Ionic and Vue

Approachable
Performant
Excellent Documentation
Start with a little or a lot

Created by
PWA: beep.modus.app
Repo: https://github.com/ModusCreateOrg/beep

@ionic/vue 🎉

(alpha)

@ionic/vue


import Vue from 'vue';
import Ionic from '@ionic/vue';

Vue.use(Ionic);

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app');

A Vue from Ionic

About Me

Why I like Vue

A Vue from Ionic

What is Ionic?

What is Ionic?

Extensive documentation.

When should you use Ionic?

The JS ecosystem is changing

Ionic and Vue

Ionic and Vue

@ionic/vue 🎉

@ionic/vue

@ionic/vue components

Live Coding with Alpha

Next Steps

Thank You!