Saving Data In Your React Native Mobile Application

So you’ve been fiddling with React Native for a bit now like I have. If you’re like me then you’re at a point where you’re ready to look at saving and loading data in your mobile application.

Now I’ve previously demonstrated saving data with Ionic Framework, so the goals I’m about to share are going to be very similar. We’re going to focus on React Native’s AsyncStorage class to accomplish what we need.

Internationalization And Localization In Your React Native App

If you’ve been keeping up with my blog and tutorials, you’ll know that I’ve done quite a few posts on Ionic Framework. I’ve been hearing a lot about React Native lately so I figured it is time to give it a shot.

There are 6,500 languages and roughly seven billion people in the world. Chances are your native language is only known by a small piece of the global population. You can boost downloads of your application and overall App Store Optimization (ASO) by accommodating a larger variety of languages.

Last year, I did a tutorial regarding localization (l10n) and internationalization (i18n) in an Ionic Framework Android and iOS application. This time I’m going to go over the same, but in a React Native application for iOS.

AngularJS Form Validation In Your Ionic Framework App

When developing mobile Android and iOS applications, the user experience is often more important than what your application actually offers.

A quick and very easy enhancement you can implement in your application is in the realm of form validation. Best practice says that you should always validate user inputted data via the back-end and I agree. However, by validating via the front-end as well, it can make improvements to your user experience.

Validating your Ionic Framework forms with HTML5 validators, however, is a terrible idea. It will make your user experience worse that if you had left them out. Instead, AngularJS ships with its own validators that work great in Ionic Framework mobile apps.

Using Charts In Your Ionic Framework Mobile App

I’m always trying to add more flair to the mobile applications that I develop whether it be through slick user interfaces or graphics. For a while now I’ve wanted to mess around with charts in my mobile applications, but it kept getting pushed to my development back-burner.

I decided to push myself to give it a shot. Using Ionic Framework to build mobile Android and iOS applications, you’re left with a few possibilities for adding charts because so many JavaScript libraries exist. In particular, we’re going to take a look at Chart.js and the AngularJS wrapper, Angular Chart. We’re going to look at this library because not only does it look great, but it plays nice with AngularJS which is what Ionic Framework is built upon.

Add Touch ID Authentication To Your Ionic Framework App

I recently picked up an iPad Air 2 to replace my ancient Android tablet. My first serious iOS device since my iPod Touch. A feature that I’m really growing to love on my iPad Air 2 is the touch id functionality for signing into the device and various applications.

How do we incorporate this touch id functionality into our own iOS applications? More importantly, how do we do this in Ionic Framework? It is not difficult, because we’re lucky to have an Apache Cordova plugin called cordova-plugin-touchid by Lee Crossley that does the work for us.

Using A Pin Dialog In Your Ionic Framework Mobile App

One of my Twitter followers recently asked me how to properly use a pin dialog in their Ionic Framework mobile application. Although I’ve already created a similar article regarding creating a pin unlock screen in an Ionic Framework application, I figured it might be a good idea to show how to do this with an actual dialog instead.

Using the Apache Cordova PinDialog plugin by Paldom we can use native dialogs in our application and accept passwords.

Modify The Badge Number Of An Ionic Framework App

Previously I did a post on Simon Reimler’s blog regarding local notifications with Ionic Framework. However, there is a different kind of notification you can use in your application. In iOS and many different flavors of Android (not all), you have the opportunity to use badge indicators on your launcher icon. Although this doesn’t notify users with a prompt, it will still notify them on their home screen that something needs their attention.

There is a nifty Apache Cordova plugin created by Sebastián Katzer called cordova-plugin-badge that will allow us to easily add this functionality to our Ionic Framework mobile applications.