Learn to build mobile apps with Angular and Ionic.

How To Build An Ionic App With A Graphcool Backend - Part 1

18 September 2017Ionic, Angular, Ionic 2+, Graphcool, Apollo Client, GraphQL

I was recently doing some research on GraphQL and came across Graphcool, a GraphQL Backend-as-a-Service platform. After reading the information on their website I got the impression that they provided a solid all-in-one backend for apps, so I built a…

How To Implement In-App Ratings For Ionic 2+ Apps On iOS 10.3+

25 July 2017Cordova, Ionic 2+, Angular 2+, iOS

Since the release of iOS 10.3, it's been possible for developers to ask for reviews directly inside their apps. This means the user never has to leave the app which is a much better user experience than before, where they were had to be sent to the…

How To Manage State In Ionic 2+ Apps With MobX - Part 2

20 July 2017Ionic 2+, Angular 2+, ngrx, MobX, Redux

In the first part of this tutorial we've built an app that can add/update/delete birthdays in an array. Now it's time to write the code to persist the array to a database. In the ngrx tutorial I was using PouchDB, but for this one I'll keep it simple…

How To Manage State In Ionic 2+ Apps With MobX - Part 1

13 July 2017Ionic 2+, Angular 2+, ngrx, MobX, Redux

A year ago I wrote a tutorial for managing application state with ngrx (which is based on Redux). Since then I've been hearing a lot about MobX and how it's much easier to use than Redux. So in this tutorial, I decided to build a similar Ionic 2+ app…

Ionic 3: New Features In TypeScript 2.1 & 2.2

25 April 2017Ionic 2+, TypeScript, Ionic 3, Angular 4

Ionic 3.0 was released a couple weeks ago and it comes packed with a lot of new features, one of them is that it supports TypeScript 2.2. In this post we'll have a look at some of the new features that have been introduced with TypeScript 2.1 and 2.…

How To Log Errors In Your Ionic 2+ App With Sentry

21 March 2017Ionic 2+, TypeScript, Sentry

Sentry is an open source solution for tracking errors in applications. You can install Sentry on your own server and let your app send its errors there or you can use the Sentry hosted service, starting with a free plan that tracks up to 10.00…

How To Create A Node.js Microservice For Your Ionic App

15 February 2017Ionic, Ionic 2+, Node.js, ES6

In my previous post I created an Ionic 2 app that reads the posts from a Facebook Page and displays them in the app. I also mentioned that hard coding the Access Token for the Facebook Graph API within the app wasn't ideal, since it can be stolen by…

Jumping from SQL to Firebase NoSQL Database

6 February 2017Firebase, NoSQL

This is a guest post by Jorge Vergara who has written many tutorials on using Firebase in Ionic apps. In this post he explains how to structure and update your data in a NoSQL database like Firebase. As a new Firebase user, you're probably still…

How To Query Facebook Graph API In An Ionic 2+ App

31 January 2017Ionic 2+, Angular 2+, TypeScript

In this post, we'll have a look at the Facebook Graph API and how to query it to get public posts from a Facebook Page without using any external plugins. For public posts you don't need a User Token to get access, you only need an App Token. I'll…

Exploring App Module And App Component In An Ionic 2+ App

10 January 2017Ionic 2+, Angular 2+, TypeScript

I recently upgraded all my Ionic 2 tutorials from beta versions to the latest version of Ionic 2 and I noticed that there were some changes regarding the App Module. This inspired me to dig a little bit deeper into what happens at the start of the…