Stories

React Native API Call Example with Axios, Redux, and Hooks

In this blog post, let’s see how to do API calls using Axios, Redux, and Hooks in react native. As the importance of hooks and proper state management increases, making API calls with hooks and redux is a better way and can be helpful for large react native applications. Before starting out, please do install …

React Native API Call Example with Axios, Redux, and Hooks Read More »

How to Integrate Google Maps in your React Native App (Android)

When coming to location-based maps, you can’t ignore Google Maps. In this blog post, let’s see how to integrate Google Maps in your React Native Android app. We use React Native Maps react native library to add Google Maps. Before that, we need Google developer API to implement maps in your app. Get Google Maps …

How to Integrate Google Maps in your React Native App (Android) Read More »

5 Console Tricks For Better Debugging in React Native

console.log() method is the easiest way to debug your code in React Native. Simply showing the results in the console can save your time. What if you know some console tricks which can make your debugging better? Here, I am going through five cool console methods for better debugging experience in React Native. console.error() When …

5 Console Tricks For Better Debugging in React Native Read More »

Good Bye Hot Reloading! Welcome Fast Refresh!

Finally, react native stable version 0.61 is out with more features and improvements. In this latest react native version, the following features are added. Introduction of Fast Refresh React version upgraded to 16.9 Fixed use_frameworks! CocoaPods support Add useWindowDimensions Hook As you see, Fast Refresh is the main highlight of react native 0.61 version. On …

Good Bye Hot Reloading! Welcome Fast Refresh! Read More »

How to Integrate ‘Sign in with Google’ in React Native (Android)

Most of the mobile users in this world have atleast one google account. Hence, using Google account to authenticate user is always used in many mobile apps. In this blog post, let’s see how to setup ‘sign in with google’ in react native. First of all, go to Firebase console and add a new project. …

How to Integrate ‘Sign in with Google’ in React Native (Android) Read More »

Facebook Account Kit will be Deprecated by March, 2020

It’s a sad news for mobile app developers who use Facebook Account Kit for mobile phone number authentication with OTP, call and WhatsApp. Facebook Account Kit is completely free and very helpful for developers. But, the deprecation news from Facebook can be heart breaking for some developers. Following is the message I got from Facebook …

Facebook Account Kit will be Deprecated by March, 2020 Read More »

How to Create a Drawer Navigator with Custom Component in React Native using React Navigation

In this blog post I will walk you through how to create a navigation drawer with custom content component in react native using navigation library react navigation. First of all add react navigation library to your react native project using the following command: npm install react-navigation Now, install react native gesture handler in your project …

How to Create a Drawer Navigator with Custom Component in React Native using React Navigation Read More »

How to Integrate Facebook Phone Number Authentication to React Native App

Update: Facebook Account Kit will be deprecated by 9, March, 2019. Check out my blog post about this here. Nowadays, many apps prefer authentication through mobile phone number. In this kind of authentication, the user doesn’t need to remember the password and what all he needs to enter OTP. In this blog post, I will …

How to Integrate Facebook Phone Number Authentication to React Native App Read More »

How to Add Bottom Tab Navigator in React Native

If there were no libraries such as react-navigation, navigation in react native would have been an uphill task. In this blog post, you can learn how to create a bottom tab navigator in your react native project. First of all, add react-navigation in your project with command npm install –save react-navigation . After that add …

How to Add Bottom Tab Navigator in React Native Read More »