Angular 2+

Menu

In the previous parts of this tutorial, we created a Shopping List app with Ionic which uses Apollo Client to query and mutate data in a Graphcool backend. In this part, we'll set up a GraphQL subscription to get real-time updates from the backend. Read More

In the previous part of this tutorial, we created a Shopping List app with Ionic which uses Apollo Client to query a Graphcool backend. In this part, we are going to write code to insert, update and delete items in the shopping list. Read More

In the previous part of this tutorial, we created a project on Graphcool and defined the schema for our Shopping List app. In this part, we'll create our Ionic Shopping List app and add Apollo Client to it to connect to our Graphcool backend. Read More

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

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 and use Ionic Storage so we can focus on MobX. Read More

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 as in the ngrx tutorial, but this time using MobX instead, to see how it compares to Redux. Read More

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 show you how to get that and then we'll build our Ionic 2 app! Read More

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

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

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 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

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

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

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

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