Query A GraphQL API On Android And iOS With NativeScript And Angular

I’ve recently written several tutorials around GraphQL and there are more to come. However, most of these tutorials, including my eBook and video course, Web Services for the JavaScript Developer, have focused on the backend side of things and less of the frontend side of things. Knowing how to create a GraphQL powered API is great, but what if you need to query it from a client facing application?

In a recent tutorial I demonstrated querying a GraphQL API from a Vue.js web application, but what if we wanted to explore something with an Android or iOS mobile application?

In this tutorial we’re going to see how to create an iOS and Android mobile application using NativeScript and Angular and then query a GraphQL API from that application using numerous methods.

7 Problems With Hybrid Mobile Development And How NativeScript Solves Them

I’ve been a mobile application developer since 2010 and I’ve played around with my fair share technologies and frameworks. While I’ve developed applications that can be safely classified as vanilla native or core native using Java, I’ve spent most of my time developing cross platform applications for Android and iOS using frameworks such as Ionic Framework and NativeScript that support web technologies.

The convenience of cross platform development with web technologies doesn’t come without penalty for certain frameworks. After all, mobile development frameworks can be split into a hybrid web category which act as web applications bundled into a mobile application and a native mobile category which act as web applications compiled into a mobile application. The difference being in my use of bundled vs compiled.

We’re going to see some of the problems that developers face when choosing to use a hybrid development framework such as, but not limited to, Ionic Framework vs a native development framework such as NativeScript.

Give That Slow Hybrid Mobile App A Native Performance Boost With NativeScript

When it comes to hybrid mobile application development, there is always discussion around the performance of said applications. While hybrid mobile applications have come a long way in terms of performance since the early days, they still can’t quite live up to the performance expectations that are delivered in a native application.

We’re going to take a look at why hybrid applications suffer in the speed department and how other similar frameworks such as NativeScript can take your applications to the next level without severe changes to design or development.

3 Of The Best Frameworks For Mobile App Development In 2018

Mobile development is a necessity for every modern business, but there are many ways to get the job done. Many will tell you to go pure native, some will tell you to go hybrid, and others will tell you to use a framework to go cross-platform native.

We’re going to review my top three picks for mobile development frameworks that will thrive in the 2018 year.

Build A Ripple XRP Wallet For Android And iOS With Ionic Framework

A few days ago I released, what turned out to be, a very popular article around developing a Ripple XRP wallet. It was titled, Create a Cross-Platform Desktop Ripple XRP Wallet with Vue.js and Electron, and it focused on cross-platform desktop application development. A popular request on Twitter was around developing a mobile Android and iOS wallet for Ripple XRP coins.

We’re going to see how to use Ionic Framework and Angular to create a Ripple XRP wallet for Android and iOS. Because our desktop application focused on the JavaScript stack, our mobile application will be able to recycle a lot of our code.

Send SMS Text Messages In NativeScript With Angular

Not too long ago I wrote a tutorial titled, Use Social Media Sharing Prompts in a NativeScript Angular Application, which demonstrated how to share content from the device. The sharing included locations like Facebook, Twitter, and anything else the platform found appropriate. This included SMS text messages.

Social sharing functionality isn’t the only way to access the messaging and dialing features of an Android and iOS device.

We’re going to see how to send SMS text messages in Android and iOS via an application built with NativeScript and Angular.

Using A Mapbox In A NativeScript Angular Application

Including map functionality in your mobile application is often a very important necessity, depending on the scenario. Maybe your application needs to do navigation, or simply just show locations on a map.

There are many different map providers, the most popular being Google Maps. However, Mapbox is picking up steam because of how easy it is to use and its pricing model.

We’re going to see how to include Mapbox in our NativeScript Android and iOS mobile application using Angular and TypeScript.