Posts

Implement In-app purchase in Ionic 4 apps (iOS) In this post, you’ll learn how to implement the famous (and infamous) In-App Purchase functionality in iOS apps using Ionic 4. **Complete code of this post can be found in the Github repository ****ionic-4-in-app-purchase ** I have another post explaining the In-app purchase implementation for Android apps. Read the ** marked sections only if you haven’t gone through the Android post for In-app purchase, otherwise ignore these ** sections. ...

In-app purchase in Android using Ionic 4 In this post, you’ll learn how to implement the famous (and infamous) In-App Purchase functionality in Android apps using Ionic 4. **Complete code of this post can be found in the Github repository **ionic-4-in-app-purchase (master branch) What is In-app purchase, again ? In-App Purchase is the functionality that lets you purchase items from within your mobile apps. These are different from other payment gateways in the sense that the payment is taken care of by Google Play store or Apple App store itself. These one-time purchases are money in the bank for app developers, while the app store also takes its share. ...

Google Vision With React Native In this tutorial you will get know how can we integrate Google Vision API in our React Native application and get responses on text and image recognition. The app supports various features including but not limited to Object Detection, Labeling Images, Text Recognition, Face Detection using Google Vision API. Complete source code of this tutorial can be found at _ _ ReactNativeGoogleVision In this tutorial we will focus on some basic and major parts where many expert developers or juvenile beginners gets confused. Hence we will check each and every things in step-by-step as: – ...

Twitter Login in React Native Apps Using Firebase In this tutorial, you will get to know how we can implement both React-Native Firebase Social Auth Twitter login in our app and how to integrate react-native-twitter-signin npm package for twitter login in our cool application, and then test it on Android. **Complete source code of this tutorial is available here – **React-Native-twitter-login (android branch) Twitter Login – What and why? There are several reasons why you should use a Twitter login in your app ...

How to publish Ionic 4 Apps on Play Store and App store One of the important benefits of developing an Ionic App is – it can publish apps to both iOS App store and Android Play store, from the same source code. In this blog, we’ll go through the steps required to be taken to **publish your Ionic 4 apps to iOS App store and Android Play store. ** ...

How to implement Apple Pay in React Native Apps In this post, you’ll learn how to implement Apple Pay functionality in React Native apps. We’ll also build the app in device / Emulator and test the full functionality. _Complete source code of this tutorial is available in the _react-native-apple-pay Github repository What is Apple Pay ? 🍎 Apple Pay is a mobile payment and digital wallet service by Apple Inc. that allows users to make payments in person, in iOS apps, and on the web. It is supported on the iPhone, Apple Watch, iPad, and Mac. It digitizes and can replace a credit or debit card chip and PIN transaction at a contactless-capable point-of-sale terminal. Apple Pay does not require Apple Pay-specific contactless payment terminals; it works with any merchant that accepts contactless payments. It supports authentication via passcode, touchID as well as face recognition. ...

How to implement Redux in React Native apps This post will assist any developer to learn on how Redux works with react native by creating a simple application with basic data flow. _Complete source code of this tutorial is available in the _React-native-redux-example What Is React Native? React Native logo React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS. ...

React Native V/s Ionic V/s Flutter In this post, we’ll try to compare – Ionic, React Native and Flutter framework. All three technologies **allow you to build mobile apps for both iOS and Android. **All three are great frameworks because they allow developers to quickly prototype and publish apps on multiple platform with single source code. The first great thing is – You can publish apps without the need to learn Swift, Objective-C, Java or Kotlin! Instead, you’ll use JavaScript (for React Native, and Ionic) and Dart (for Flutter). Hence you’re able to create native apps for both platforms with one language instead of two – this obviously reduces the learning effort you have to take to build your mobile app by a lot! ...

Integrate Google Login in React Native (Android) apps with Firebase In this post, we’ll learn how to setup Google Login in React Native apps using Firebase. We’ll implement the authentication using react-native-google-signin npm package, and then test it on Android. _Complete source code of this tutorial is available here – _** React-Native-google-login**** _ (android branch)_** I have another blog explaining how to implement Google Login in React Native for iOS, using Firebase. ...

Facebook login in React Native apps FACEBOOK LOGIN REACT NATIVE In this post, you will learn how to implement a Facebook authentication in React native apps. We will cook a sample app, where users can log in using their Facebook account. After login, the user can see their basic profile information on the home page. _Complete source code of this tutorial is available in the _React-native-facebook-Login-Starter Social logins – What and why It’s helpful to use social sign-in with React Native for your users who would rather not create and remember another username/password combination. Instead, you can allow users to sign in with accounts they already own. You don’t need to store hashed passwords to compare, you don’t have to handle sending sign up emails, and you don’t need to reset passwords. The user’s chosen provider will handle all of this for you. Plus, in mobile apps, the Facebook login is automatically done with the pre-installed Facebook app. ...