|

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…

|

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…

|

5 Console Tricks For Better Debugging in React Native

The console.log() method is the easiest way to debug your code not only in React Native but also in other JavaScript apps. Simply showing the results in the console can save you time. What if you know some console tricks which can make your debugging better? Here, I am going through five cool console methods…

|

5 Console Tricks For Better Debugging in React Native

The console.log() method is the easiest way to debug your code not only in React Native but also in other JavaScript apps. Simply showing the results in the console can save you time. What if you know some console tricks which can make your debugging better? Here, I am going through five cool console methods…

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…

|

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

10 React Native Libraries you can use in your Next Project

Even though React Native has a lot of components and apis itself, sometimes we feel some items missing especially when we want to increase the pace of development. Fortunately, React Native has a wonderful community behind to develop third party libraries to reduce the ‘missing’ components gap. In this blog post, I am not writing…