Why I Use Visual Studio Code For Developing Ionic 2 Apps

I've been using Visual Studio Code for almost a year now and I think it's probably the best code editor out there for developing Ionic 2 and Angular 2 apps. I know it's hard to break up with your current favorite editor, but I do think you are missing out on some great features that will help you develop your apps faster. Read More

A Beginner's Guide To Using ngrx In An Ionic 2 App - Part 2

In Part 1 of this tutorial we used @ngrx/store to manage our application state in memory. In order to persist this state, we are going to use @ngrx/effects. We are also going to use PouchDB to save the data to a local database. I won't go into the details of PouchDB in this tutorial, since it's all explained in my tutorial for PouchDB + Ionic 2. So if you're new to PouchDB, you might want to read that first before you continue with this tutorial. Read More

A Beginner's Guide To Using ngrx In An Ionic 2 App - Part 1

In this tutorial, we'll have a look at what ngrx is and how it can help you manage application state in your Ionic 2 app, or any other Angular 2 app for that matter. Read More

How To Use PouchDB + SQLite For Local Storage In Ionic 2

A year ago I wrote a tutorial on how to use PouchDB + SQLite for an Ionic 1 app. Now that Ionic 2 is in beta, I've updated the tutorial for Ionic 2 and the recently released Cordova SQLite Plugin 2. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 7

In the previous parts we tested the app in the browser for convenience, but we obviously need to test it on a mobile device itself, so let's have a look at how to deploy an Ionic app to an emulator and to a real mobile device. This post will not cover publishing an app through the App Store and Google Play Store, but I'll give you some links to articles that will guide you through that process. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 6

In this part, we'll continue with the code from the previous part and allow the user to tap on a repository in the list. The app will then navigate to a details page and display the contents of the repo's README file. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 5

Now that we have the introductions out of the way (see Part 3 and Part 4), let's go ahead and create a simple Ionic 2 app that connects to a REST API, gets some data from it and displays it in a view. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 4

In this post we'll have a first look at Angular 2 and get familiar with the TypeScript concepts of decorators and modules. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 3

The Ionic 2 and Angular 2 frameworks are both built with TypeScript and while you don't need to write your own code in TypeScript, it is recommended by both the Angular and Ionic teams. Let's find out more about TypeScript and which concepts you need to understand before you can continue to build your first Ionic 2 app. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 2

In this post we are going to set up our development environment for building hybrid mobile apps with Cordova and Ionic 2. Read More

Build Your First Mobile App With Ionic 2 & Angular 2 - Part 1

A year ago I wrote a series of posts on how to build a mobile app with Ionic. The Ionic Team have been working on the next version of Ionic and will be releasing that in beta soon, so now is a good time to revisit that tutorial and update it for Ionic 2. This tutorial series is for web developers who don't have any previous experience with Ionic. Read More

How To Create And Display A PDF File In Your Ionic App

In this tutorial we're going to create and display PDF files using the JavaScript libraries pdfmake and PDF.js. I'll explain why I chose these libraries and then we'll create a simple PDF with some text and tables in it. Read More

Bring Your Ionic App to Life: Getting Started with D3.js

Learn how to use D3.js with this guest post by Hunter Leaman, creator of the Rapid Prototyping with Ionic: Build a Data-Driven Mobile App course. Read on until the end for a special offer! Over the past few years, D3.js has emerged as the web standard for data visualization and charting by enabling developers to take full advantage of everything modern browsers have to offer, which is a lot… you can take a look at their examples to see for yourself (there are nearly 100 of them!). In this article, I’m going to demonstrate how to install, setup, and use D3.js in an Ionic application. Read More

Are Progressive Web Apps The Future Of Mobile Apps?

Last week there was a lot of buzz about FlipKart, one of India's largest online shops, launching a progressive web app: FlipKart Lite. Why is this interesting news? Well, a progressive app can look and behave just like a native mobile app but it's still a web app, so you don't have to deploy it through the app stores. Read More

How To Set Up Quick Actions With 3D Touch For Your Ionic App

3D Touch is a new hardware feature on the iPhone 6S (Plus) that detects how much pressure a user puts on the screen. Developers can use this to define Quick Actions that will be displayed when the user touches the app icon in the Home Screen. In this tutorial we'll have a look at how to set up Quick Actions for Ionic apps. Read More

Why Did I Choose The Ionic Framework For Mobile App Development?

A reader of my blog asked me this question a few days ago and I figured others might be interested in the answer as well, so here it goes. Read More

How To Use LokiJS For Local Storage In Your Ionic App

A few months ago I wrote a tutorial on how to use PouchDB for local storage in Ionic apps. I've recently come across another library called LokiJS that promises fast performance because it uses an in-memory database. In this tutorial we'll take the same app I used in the PouchDB tutorial and build it with LokiJS instead. Read More

How To Add Sound Effects To Your Ionic App With Native Audio

If you want to play sound effects in your Ionic app, you have the choice between using HTML5 Audio, Web Audio API or Cordova plugins. In this tutorial we'll have a look at how to use the Cordova Native Audio plugin to play sound effects and after that I'll explain why you should use Native Audio over HTML5 Audio. Read More

How To Animate Your Ionic App With Animate.css And ngAnimate

Animate.css is a stylesheet that contains cross-browser animations to use in any type of hybrid app or website. ngAnimate is a module that allows you to create your own animations using CSS transitions/animations or JavaScript. It doesn't have any built-in default animations, it only adds triggers to elements for certain AngularJS directives. Sounds confusing? Don't worry, we'll have a look at how this works. Read More

A First Look At The Ionic Lab GUI Tool

A few days ago the Ionic team launched the beta version of a new tool called: Ionic Lab. It's kind of like a dashboard version of the Ionic CLI combined with a browser view to display the app you're working on. At the moment it's only available for OS X, but Windows support should be coming soon. Read More