React Native

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

Integrate Google Login in React Native apps (iOS) 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 iOS. I have another blog explaining how to implement Google Login in React Native for Android, using Firebase. _Complete source code of this tutorial is available here – _** React-Native-google-login** Google login – What and why There are several reasons why you should use a Google login in your app ...

React-Native Firebase Phone Authentication with CRUD Operations and Image Upload on storage This post is all about authenticating firebase phone number authentication and CRUD operations in your cool new app. In this post, you will learn How to implement authenticate phone numberin our app. How to perform Firebase CRUD operations in React-Native app. How to upload an image on firebase storage Before start, first you will need a React-Native app to start with, hence you can follow how to create a react-native app for beginnersand start after that from here. ...

12 Amazing App Templates for Beginners to Jump start App Development So you have been learning development for a while and want to make professional apps similar to Uber, Tinder, Spotify etc. But your current experience and UI knowledge is not allowing you to jump that high? OR, if you are a freelancer or app development agency, you may be stuck in the “Portfolio-loop” – because you don’t have great looking apps to show off, you aren’t getting bigger projects from clients? ...

How to use Geolocation, Geocoding and Reverse Geocoding in React Native Apps In this post, you will learn how to implement Geolocation React native apps. We will also learn how to Convert Geocode in Location address (Reverse Geocoding) and Location Address into Geocode(Geocoding) in a simple React native app. React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. ...

Android X AndroidX Support in React Native Apps React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. What Is React Native? 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. ...

Firebase Push notifications in React Native Apps In this post, we’ll learn how to setup Push notification in React Native apps using Firebase. We’ll send notification using Firebase console and receive them in the app. We will also learn how to handle push notifications in your React Native apps. By handling , I mean how to access the data sent via the notification inside your app, and wake your app up if it is asleep or closed. ...

Lifecycle Hooks A guide to react native life cycle hooks React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. What Is React Native? 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. ...

How to pick images from Camera & Gallery in React Native app _If you would like access to the entire source code, _you can check out the GitHub repo here . For step-by-step tutorial, continue reading below. **Picking images from Gallery and Camera **is one of the most important and basic functionalities that is needed in almost all the apps. Advanced functionalities are built upon this basic core facility. For picking the image, we will use a popular and superior library called react-native-image-picker. Which provides the ImagePicker component in which you can provide the image picking option from Gallery or Camera. ...

How to develop Apps instantly using Super React Native Template ** React Native Full App Template**** _ _**is loaded with a large number of options, layouts, and functionalities. This is a complete starter app to get started with React Native. The app template contains a variety of basic layouts and a number of advanced layouts such as Instagram, Tinder, Netflix, Grocery, Chat list, etc. All pages and components are made in a way so you can readily pick up the component and use it in your app. This makes app development a breeze. This Full App Template is guaranteed to cut down hundreds of your development hours. ...