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

In this post, we'll have a look at how to set up a Graphcool project to serve as the backend for our Ionic app which is going to be a Shopping List app. In the app, we'll have a view for displaying items and another for displaying categories. When a category is selected we'll display only the items in that category. The GraphQL schema for this app will have 2 types: Item an Category with a relationship defined between them. Let's get started! Read More

GraphQL, Graphcool, Ionic 2+

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

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 App Store to leave a review. In this tutorial, I'll show you how to implement this into your Ionic 2+ app with a Cordova plugin. Read More

Ionic 2+, Angular 2+, iOS, Cordova

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

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 anyone who decompiles your app. In this post we'll create a very simple Node.js service that will handle the call to the Facebook Graph API for us, so we don't need to include the Access Token in our Ionic app anymore. Read More

Ionic, Ionic 2+, Node.js, ES6

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

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 application. In this post, we'll have a look at the functionality of both the App Component and the App Module. Read More

Ionic 2+, Angular 2+, TypeScript

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

Ionic 2+, Angular 2+, TypeScript, ngrx, RxJS, Redux

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

Genymotion, Ionic 2+, HockeyApp