React Native

Send, Read and Delete SMS in React Native In this tutorial, we are going to implement send, read and delete SMS actions from your mobile device using react-native application. Using these implementations you can send message to someone, you can read particular persons or profiles message by clicking a single button and you can delete a particular message too from your device by implementing some cool functions using react-native-sms and react-native-get-sms-android in our cool react-native application. ...

Difference between redux and flux Redux V/S Flux In this post, we’ll try to compare – Flux and Redux. Both technologies **allow you to manage state in your app. Both ** are a great tool because they allow developers to quickly store and manage state in his app. What is Redux? Redux is a standalone state management library, which can be used with any library or framework. If your background is React developer , then you have used the Redux library with React. The primary use of Redux is that we can use one application state as a global state and interact with the state from any react component is very easy whether they are siblings or parent-child. ...

Firebase analytics in React native app In this post, you’ll learn how to implement the easy to integrate Firebase Analytics in React Native apps. **Complete code of this post can be found in the Github repository **react-native-firebase-analytics What is analytics Analysis is focused on understanding the past; what happened and why it happened. Analytics focuses on why it happened and what will happen next. ...

Async actions with Redux Thunk middleware in React Native apps Redux thunk This post will assist any developer to learn on how to implement async actions with the help of middleware (redux-thunk) in react native apps. We’ll approach the implementation by creating a simple application. _Complete source code of this tutorial is available in the _React-native-redux-thunk-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. ...

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